Konverzija boja
#fafde4
Hint of Yellow
Varijacije
Svrha ovog odeljka je da precizno proizvede nijanse (dodato čisto belo) i senke (dodato čisto crno) tvoje izabrane boje u koracima od 10%.
Pro Savet: Koristi senke za hover stanja i senke, nijanse za isticanje i pozadine.
Senke
Tamnije varijacije kreirane dodavanjem crne tvojoj osnovnoj boji.
Nijanse
Svetlije varijacije kreirane dodavanjem bele tvojoj osnovnoj boji.
Uobičajeni slučajevi upotrebe
- • Stanja UI komponenti (hover, aktivno, onemogućeno)
- • Stvaranje dubine sa senkama i isticanjima
- • Izgradnja konzistentnih sistema boja
Savet za dizajn sistem
Ove varijacije čine osnovu kohezivne palete boja. Izvezi ih da bi održao konzistentnost u celom projektu.
Kombinacije boja
Svaka harmonija ima svoj raspoloženje. Koristi harmonije da osmisliš kombinacije boja koje dobro funkcionišu zajedno.
Kako koristiti
Klikni na bilo koju boju da kopiraš njen hex vrednost. Ove kombinacije su matematički dokazano da stvaraju vizuelnu harmoniju.
Zašto je važno
Harmonije boja stvaraju ravnotežu i izazivaju specifične emocije u tvojim dizajnima.
Komplement
Boja i njena suprotnost na točku boja, +180 stepeni nijanse. Visok kontrast.
Podeljeni komplement
Boja i dve susedne njenom komplementu, +/-30 stepeni nijanse od vrednosti suprotne glavnoj boji. Smela kao direktni komplement, ali svestranija.
Triadna
Tri boje ravnomerno raspoređene duž točka boja, svaka 120 stepeni nijanse udaljena. Najbolje je da jedna boja dominira, a ostale se koriste kao akcenti.
Analogna
Tri boje iste luminance i zasićenosti sa nijansama koje su susedne na točku boja, 30 stepeni razdvojene. Glatki prelazi.
Monohromatska
Tri boje iste nijanse sa vrednostima luminance +/-50%. Suptilna i rafinirana.
Tetradna
Dva seta komplementarnih boja, razdvojena za 60 stepeni nijanse.
Principi teorije boja
Ravnoteža
Koristi jednu dominantnu boju, podrži sa sekundarnom i akcentuj štedljivo.
Kontrast
Osiguraj dovoljan kontrast za čitljivost i pristupačnost.
Harmonija
Boje treba da rade zajedno kako bi stvorile jedinstveno vizuelno iskustvo.
Provera kontrasta boja
Testiraj kombinacije boja kako bi osigurao da ispunjavaju WCAG standarde pristupačnosti za čitljivost teksta.
Boja teksta
Boja pozadine
Kontrast
WCAG standardi
Napredni proverivač kontrasta
Fino podešavanje sa klizačima, višestruki pregledi i više
Svi su genijalci. Ali ako sudite ribi po njenoj sposobnosti da se popne na drvo, živeće ceo život verujući da je glupa.