Värvi konverteerimine
#ca4e4e
≈ Chestnut Rose
Variatsioonid
Selle sektsiooni eesmärk on toota täpselt valitud värvi toonid (puhas valge lisatud) ja toonid (puhas must lisatud) 10%-lise sammuga.
Pro nõuanne: Kasutage varjundeid hõljutusseisundite ja varjude jaoks, toonide kasutamist rõhutuste ja taustade jaoks.
Varjud
Tumedamad variatsioonid, mis on loodud musta lisamisega põhivärvile.
Tints
Heledamad variatsioonid, mis on loodud valget värvi lisades oma põhivärvile.
Üldised kasutusjuhtumid
- • Kasutajaliidese komponendi olekud (hõljumine, aktiivne, välja lülitatud)
- • Sügavuse loomine varjude ja tipphetkedega
- • Järjepidevate värvisüsteemide ehitamine
Disainisüsteemi näpunäide
Need variatsioonid moodustavad ühtse värvipaleti aluse. Eksportige need, et säilitada järjepidevus kogu projektis.
Värvikombinatsioonid
Igal harmoonial on oma meeleolu. Kasutage harmooniaid, et mõelda välja värvikombinatsioonid, mis sobivad hästi kokku.
Kuidas kasutada
Klõpsake mis tahes värvil, et kopeerida selle heksaväärtust. Need kombinatsioonid on matemaatiliselt tõestatud, et luua visuaalset harmooniat.
Miks see on oluline
Värviharmoonia loob tasakaalu ja tekitab teie kujunduses konkreetseid emotsioone.
Täiendus
Värv ja selle vastand värvirattal, +180 kraadi värvitooni. Suur kontrast.
Split-komplementaarne
Värv ja kaks selle komplemendi kõrval asuvat värvi, +/-30 kraadiga põhivärvi vastandväärtusest. Julged nagu sirge komplement, kuid mitmekülgsemad.
Triadic
Kolm värvi, mis on ühtlaselt jaotatud mööda värviratast, iga värvivärvi 120 kraadise vahega. Parim on lasta ühel värvil domineerida ja kasutada teisi aktsentidena.
Analoogiline
Kolm värvi, mille heledus ja küllastus on sama, ja mille toonid on värvirattal kõrvuti, 30 kraadi kaugusel üksteisest. Sujuvad üleminekud.
Monokromaatiline
Kolm sama tooniga värvi heledusega +/-50%. Peenike ja rafineeritud.
Tetradic
Kaks komplementaarvärvide komplekti, mis on eraldatud 60 kraadiga.
Värviteooria põhimõtted
Saldo
Kasutage ühte domineerivat värvi, toetage sekundaarse värviga ja rõhuasetustega säästlikult.
Kontrast
Tagage piisav kontrastsus loetavuse ja ligipääsetavuse tagamiseks.
Harmony
Värvid peaksid töötama koos, et luua ühtne visuaalne kogemus.
Värvikontrasti kontrollija
Testige värvikombinatsioone, et tagada nende vastavus WCAG ligipääsetavuse standarditele teksti loetavuse osas.
Teksti värv
Taustavärv
Kontrast
WCAG standardid
Igaüks on geenius. Aga kui sa hindad kala selle järgi, kas ta suudab puu otsa ronida, elab ta kogu oma elu uskudes, et ta on rumal.