Krāsu konvertēšana
#e24826
≈ Cinnabar
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 aplī, +180 nokrāsas grādi. Augsts kontrasts.
Sadalīts-komplementārs
Krāsa un divas blakus esošās tās papildinājumam, +/-30 grādu nokrāsas no vērtības, kas ir pretējā pamatkrāsai. Treknrakstā kā taisns papildinājums, bet daudzpusīgāk.
Triādiskais
Trīs krāsas, vienmērīgi izvietotas pa krāsu apli, katra 120 grādu attālumā viena no otras. Vislabāk ir ļaut vienai krāsai dominēt, bet pārējās izmantot kā akcentus.
Analogs
Trīs krāsas ar vienādu spilgtumu un piesātinājumu, kuru nokrāsas atrodas blakus krāsu aplī 30 grādu attālumā viena no otras. Vienmērīgas pārejas.
Monohromatisks
Trīs viena un tā paša toņa krāsas ar spilgtuma vērtībām +/-50%. Smalks un izsmalcināts.
Tetradiķis
Divi papildkrāsu komplekti, kurus atdala 60 nokrāsas grādi.
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
Uzlabota kontrasta pārbaude
Veiciet precīzu regulēšanu, izmantojot slīdņus, vairākus priekšskatījumus u. c.
Ikviens ir ģēnijs. Bet, ja jūs vērtējat zivi pēc tās spējas uzkāpt kokā, tā visu savu dzīvi nodzīvos, ticot, ka ir muļķe.