Kotač u boji — Online kotač za odabir boja i komplementarne boje

Koristite ovu interaktivnost kotačić boja do odabrati boju, pronaći komplementarne boje, i istraživati analogan, trostruki, tetradijski, i split-komplementarni sheme. To je brz način za usklađivanje boje, testiranje kontrastnih boja i stvaranje kombinacija boja koje se dobro slažu.

Odabrano
HEX: #165DFF
HSL: hsl(225, 100%, 56%)
RGB: rgb(22, 93, 255)
Paleta

Značajke

  • Interaktivan kotačić za odabir boja (HSV) s glatkim povlačenjem i preciznim ulazima (HEX/RGB/HSL).
  • Trenutak komplementarni generator boja plus analogne, trijadne, split-komplementarne, tetradičke i monokromatske opcije.
  • WCAG savjeti za kontrast za čitljiv tekst korisničkog sučelja i korištenje gumba kontrastne boje.
  • Izvoz palete u PNG, Svg, ili CSS varijable za brzu predaju.
  • Responzivno platno koje zadržava puninu krug boja vidljivo na svakom ekranu.

Prijave

Brendiranje i korisničko sučelje: Izgradite skladne palete koje su u skladu s osobnošću vašeg brenda. Koristite kotačić komplementarnih boja za izradu CTA-ova visokog utjecaja, ili a trijadna boja shema za uravnoteženu navigaciju i boje karte.

Ilustracija i odjeća: Istražiti analogne sheme za gradijente koji djeluju prirodno. Kada trebate boje koje se dobro slažu za odjevne predmete, alat vam pomaže pronaći komplementarne boje koje iskaču u izgledu ("komplementarne boje u pristajanju").

Interijer i boja: Prevedite RGB kotačić boja do a kotačić boja boje način razmišljanja; započnite sa svojom glavnom nijansom i testirajte suprotne boje ili utišano tercijarne boje za ravnotežu.

Datum pregleda: Odaberite palete s dovoljno kontrasta za grafikone; a split-komplementarni set često izbjegava zabunu, a istovremeno čuva raznolikost.

Kako to funkcionira

  1. Odaberite boju: povucite kotačić ili unesite HEX/RGB/HSL.
  2. Odaberite shemu: komplementarni, analogni, trijadni, split-komplementarni, tetradni ili monokromatski.
  3. Pročisti vrijednost: podesite svjetlinu (vrijednost) za kontrolu svjetla/tame.
  4. Provjerite kontrast: osigurati da tekst zadovoljava WCAG na svijetlim/tamnim podlogama.
  5. Izvoz: preuzmite PNG/SVG ili kopirajte CSS varijable za dev hand-off.

Savjet: Kada trebate brzi generator kombinacija boja, počnite s Pojedinačnim → Komplementarnim → Trijadnim kako biste usporedili raspoloženje i čitljivost.

FAQ

Što je kotač boja u teoriji boja?

The kolo teorije boja raspoređuje nijanse u krug tako da možete vidjeti odnose kao što su komplementarni (suprotnosti), analogni (susjedi) i trijadni (ravnomjerno raspoređeni). To je osnova za harmonija boja i odabir boja koje idu zajedno.

Kako mogu pronaći komplementarne boje?

Odaberite osnovnu nijansu; njegov komplementarna boja sjedi točno nasuprot kotaču. Upotrijebite "Komplementarnu" shemu aplikacije za trenutačno generiranje para i procjenu kontrasta.

Što su primarne, sekundarne i tercijarne boje?

Primarne nijanse su osnovne boje; njihovo miješanje daje sekundarne boje, a miješanje primarne sa susjednom sekundarnom stvara tercijarne bojetvoreći klasični kotač od 12 boja.

RGB kotačić boja naspram kruga boja?

The RGB kotačić boja modeli dodatnog svjetla za ekrane; tradicionalni RYB farbani kotači su subtraktivni. Komplementni parovi malo se razlikuju među modelima.

Koje su dugine boje po redu?

Crvena, narančasta, žuta, zelena, plava, indigo, ljubičasta—korisno pri izgradnji a kolo spektra boja ili poučavanje osnova teorije boja.

Koje se boje dobro slažu za korisničko sučelje?

Probati analogan za glatku harmoniju, trostruki za uravnotežen kontrast, ili komplementarni za jak naglasak (gumbi, upozorenja). Uvijek provjerite omjere kontrasta.

Rječnik (teorija boja)

Komplementarne boje: suprotne nijanse na kotaču koje povećavaju kontrast (npr. plava ↔ narančasta).

Analogan: susjedne nijanse koje stvaraju blage gradijente i vizualnu koheziju.

trijad: tri nijanse razmaknute 120°; živopisno, ali uravnoteženo.

Tetradic: dva komplementarna para; bogat, ali zahtijeva pažljivu ravnotežu.

Primarno/Sekundarno/Tercijarno: osnovne nijanse, njihove mješavine i međukorake u kotaču od 12 boja.

Nijansa/zasićenost/vrijednost (HSV): kut na kotaču, intenzitet boje i svjetlina.

Pristupačnost i kontrast

Koristite kontrastne savjete kako biste osigurali čitljiv tekst. Za normalan tekst težite omjeru od ≥ 4,5:1; za veliki tekst, ≥ 3:1. Ako ste u nedoumici, odaberite svjetliju pozadinu i tamniju komplementarnu boju ili povećajte svjetlinu/vrijednost za bolju čitljivost.