Krāsu konvertēšana
#ca4e4e
≈ Chestnut Rose
Variācijas
Šīs sadaļas mērķis ir precīzi izveidot izvēlētās krāsas toņus (pievienots tīrs balts) un toņus (pievienots tīrs melns) ar 10% soli.
Profesionāļu padoms: Izmantojiet toņus uznirstošajiem stāvokļiem un ēnām, toņus - izceltajiem elementiem un foniem.
Nokrāsas
Tumšākas variācijas, kas izveidotas, bāzes krāsai pievienojot melnu.
Tonējumi
Gaišākas variācijas, kas izveidotas, bāzes krāsai pievienojot baltu.
Bieži lietojuma gadījumi
- • Lietotāja saskarnes komponentu stāvokļi (novietošana, aktīvs, atspējots).
- • Dziļuma radīšana ar ēnām un izgaismojumiem
- • Konsekventu krāsu sistēmu veidošana
Dizaina sistēmas padoms
Šīs variācijas veido vienotas krāsu paletes pamatu. Eksportējiet tās, lai saglabātu konsekvenci visā projektā.
Krāsu kombinācijas
Katrai harmonijai ir sava noskaņa. Izmantojiet harmonijas, lai meklētu krāsu kombinācijas, kas labi sader kopā.
Kā lietot
Noklikšķiniet uz jebkuras krāsas, lai nokopētu tās sešciparu vērtību. Ir matemātiski pierādīts, ka šīs kombinācijas rada vizuālu harmoniju.
Kāpēc tas ir svarīgi
Krāsu harmonijas rada līdzsvaru un izraisa īpašas emocijas jūsu dizainā.
Papildinājums
Krāsa un tās pretstats krāsu ritenī, +180 grādu nokrāsa. Augsts kontrasts.
Sadalīts-komplementārs
Krāsa un divas blakus esošas krāsas, kas to papildina, +/-30 grādu no toņa, kas atrodas pretī galvenajai krāsai. Drosmīgs kā taisns papildinājums, bet daudzpusīgāks.
Triadic
Trīs krāsas, kas vienmērīgi izvietotas gar krāsu ratu, katra 120 grādu attālumā viena no otras. Vislabāk ir ļaut dominēt vienai krāsai un pārējās izmantot kā akcentus.
Analogi
Trīs krāsas ar vienādu spilgtumu un piesātinājumu, kuru nokrāsas krāsu ritenī atrodas blakus, 30 grādu attālumā viena no otras. Gludas pārejas.
Vienkrāsains
Trīs vienāda toņa krāsas ar spilgtuma vērtībām +/-50%. Smalks un izsmalcināts.
Tetradiskais
Divi papildkrāsu komplekti, kurus šķir 60 grādu nokrāsa.
Krāsu teorijas principi
Līdzsvars
Izmantojiet vienu dominējošo krāsu, atbalstiet to ar sekundāro krāsu un akcentējiet reti.
Kontrasts
Nodrošiniet pietiekamu kontrastu, lai nodrošinātu salasāmību un pieejamību.
Harmonija
Krāsām ir jāsadarbojas, lai radītu vienotu vizuālo pieredzi.
Krāsu kontrasta pārbaudītājs
Pārbaudiet krāsu kombinācijas, lai pārliecinātos, ka tās atbilst WCAG pieejamības standartiem attiecībā uz teksta lasāmību.
Teksta krāsa
Fona krāsa
Kontrasts
WCAG standarti
Ikviens ir ģēnijs. Bet, ja jūs vērtējat zivi pēc tās spējas uzrāpties kokā, tā visu mūžu dzīvos, domādama, ka ir stulba.