Pretvorba boja
#ff9995
≈ Mona Lisa
Varijacije
Svrha ovog odjeljka je precizno generiranje tonova (dodana čisto bijela) i nijansi (dodana čista crna) odabrane boje u koracima od 10%.
Profesionalni savjet: Koristite nijanse za stanja lebdenja i sjene, nijanse za svjetlucanja i pozadine.
Nijanse
Tamnije varijacije stvorene dodavanjem crne osnovnoj boji.
Nijanse
Svjetlije varijacije stvorene dodavanjem bijele osnovnoj boji.
Uobičajeni slučajevi upotrebe
- • Stanja komponenti korisničkog sučelja (zadržavanje pokazivača, aktivno, onemogućeno)
- • Stvaranje dubine sjenama i svjetlima
- • Izgradnja konzistentnih sustava boja
Savjet za dizajn sustava
Ove varijacije čine temelj kohezivne palete boja. Izvezite ih kako biste održali dosljednost u cijelom projektu.
Kombinacije boja
Svaka harmonija ima svoje raspoloženje. Koristite harmonije za osmišljavanje kombinacija boja koje dobro funkcioniraju zajedno.
Kako koristiti
Kliknite na bilo koju boju da biste kopirali njezinu heksadecimalnu vrijednost. Matematički je dokazano da ove kombinacije stvaraju vizualnu harmoniju.
Zašto je to važno
Harmonija boja stvara ravnotežu i izaziva specifične emocije u vašim dizajnima.
Komplement
Boja i njezina suprotnost na kotaču boja, +180 stupnjeva nijanse. Visoki kontrast.
Split-komplementarni
Boja i dvije susjedne njenom komplementu, +/-30 stupnjeva nijanse od vrijednosti nasuprot glavnoj boji. Podebljano poput ravnog komplementa, ali svestranije.
Trijadski
Tri boje ravnomjerno raspoređene duž kotača boja, svaka s razmakom od 120 stupnjeva nijanse. Najbolje je dopustiti jednoj boji da dominira, a ostale koristiti kao akcente.
Analogan
Tri boje iste luminancije i zasićenosti s nijansama koje su susjedne na kotaču boja, udaljene 30 stupnjeva. Glatki prijelazi.
Monokromatski
Tri boje iste nijanse s vrijednostima luminancije +/-50%. Suptilno i profinjeno.
Tetradni
Dva seta komplementarnih boja, razdvojena za 60 stupnjeva nijanse.
Principi teorije boja
Stanje
Koristite jednu dominantnu boju, potkrijepite je sekundarnom i štedljivo naglašavajte.
Kontrast
Osigurajte dovoljan kontrast za čitljivost i pristupačnost.
Sklad
Boje bi trebale djelovati zajedno kako bi stvorile jedinstven vizualni doživljaj.
Provjera kontrasta boja
Testirajte kombinacije boja kako biste bili sigurni da zadovoljavaju WCAG standarde pristupačnosti za čitljivost teksta.
Boja teksta
Boja pozadine
Kontrast
WCAG standardi
Napredni provjernik kontrasta
Fino podešavanje pomoću klizača, više pregleda i još mnogo toga
Svatko je genije. Ali ako ribu prosuđujete po njenoj sposobnosti da se penje na drvo, ona će proživjeti cijeli život vjerujući da je glupa.