#FF0000 · Krāsu koda ģenerators un krāsu izvēle

Ģenerē krāsu kodus, variācijas, harmonijas un pārbaudi kontrasta attiecības.

Krāsu konvertēšana

#ff0000

Variācijas

Šīs sadaļas mērķis ir precīzi izveidot tavas izvēlētās krāsas toņus (pievienojot tīru balto) un ēnas (pievienojot tīru melno) 10% pieaugumos.

Profesionāls padoms: Izmanto ēnas hover stāvokļiem un ēnām, toņus izcēlumiem un fonam.

Ēnas

Tumšākas variācijas, kas izveidotas, pievienojot melno tavai pamatkrāsai.

Toņi

Gaišākas variācijas, kas izveidotas, pievienojot balto tavai pamatkrāsai.

Bieži lietošanas gadījumi

  • • UI komponentu stāvokļi (hover, aktīvs, atspējots)
  • • Dziļuma radīšana ar ēnām un izcēlumiem
  • • Vienota krāsu sistēmu veidošana

Dizaina sistēmas padoms

Šīs variācijas veido saskaņotas krāsu paletes pamatu. Eksportē tās, lai saglabātu konsekvenci visā projektā.

Krāsu kombinācijas

Katrai harmonijai ir savs noskaņojums. Izmanto harmonijas, lai izdomātu krāsu kombinācijas, kas labi sader kopā.

Kā izmantot

Klikšķini uz jebkuras krāsas, lai nokopētu tās hex vērtību. Šīs kombinācijas ir matemātiski pierādītas, lai radītu vizuālu harmoniju.

Kāpēc tas ir svarīgi

Krāsu harmonijas rada līdzsvaru un izraisa specifiskas emocijas tavos dizainos.

Komplements

Krāsa un tās pretējā krāsu aplī, +180 grādu tonis. Augsts kontrasts.

Vislabāk piemērots: Augstas ietekmes dizainiem, CTA, logotipiem

Dalītais komplementārs

Krāsa un divas blakus esošās tās komplementam, +/-30 grādu tonis no vērtības pretējā galvenajai krāsai. Drosmīgs kā tiešs komplementārs, bet daudzveidīgāks.

Vislabāk piemērots: Dzīvi, bet līdzsvaroti izkārtojumi

Triādisks

Trīs krāsas, kas vienmērīgi izvietotas krāsu aplī, katra 120 grādu tonis. Vislabāk ļaut vienai krāsai dominēt un izmantot pārējās kā akcentus.

Vislabāk piemērots: Spēlīgi, enerģiski dizaini

Analogs

Trīs krāsas ar vienādu luminanci un piesātinājumu, kuru toņi ir blakus krāsu aplī, 30 grādu attālumā. Gludas pārejas.

Vislabāk piemērots: Dabai iedvesmoti, nomierinoši interfeisi

Monohromatisks

Trīs krāsas ar vienādu toni un luminances vērtībām +/-50%. Smalks un izsmalcināts.

Vislabāk piemērots: Minimālistiski, izsmalcināti dizaini

Tetradisks

Divi komplekti ar papildinošām krāsām, atdalīti ar 60 grādu toņa leņķi.

Vislabāk piemērots: Bagātīgas, daudzveidīgas krāsu shēmas

Krāsu teorijas principi

Līdzsvars

Izmanto vienu dominējošo krāsu, atbalsti ar sekundāro un akcentē taupīgi.

Kontrasts

Nodrošini pietiekamu kontrastu lasāmībai un pieejamībai.

Harmonija

Krāsām jāstrādā kopā, lai radītu vienotu vizuālo pieredzi.

Krāsu kontrasta pārbaudītājs

Pārbaudi krāsu kombinācijas, lai nodrošinātu, ka tās atbilst WCAG pieejamības standartiem teksta salasāmībai.

Kontrasts

1.00
common.contrastFail
Ļoti slikti
Mazs teksts
common.contrastFail
Liels teksts
common.contrastFail

WCAG standarti

AA:Minimālā kontrasta attiecība 4.5:1 parastam tekstam un 3:1 lielam tekstam. Nepieciešams lielākajai daļai vietņu.
AAA:Uzlabota kontrasta attiecība 7:1 parastam tekstam un 4.5:1 lielam tekstam. Ieteicams optimālai pieejamībai.
Nepietiekams kontrasts visiem teksta izmēriem - neatbilst WCAG standartiem.

Uzlabots kontrasta pārbaudītājs

Precīza pielāgošana ar slīdņiem, vairākiem priekšskatījumiem un vairāk

Ikviens ir ģēnijs. Bet, ja tu vērtēsi zivi pēc tās spējas kāpt kokā, tā visu mūžu dzīvos, domājot, ka ir muļķe.

contrastChecker.quote1Author

Tehniskie formāti

Izpēti uzlabotas krāsu telpas reprezentācijas un profesionālus krāsu modeļus, kas tiek izmantoti video ražošanā, fotogrāfijā, zinātniskās lietojumprogrammās un krāsu pārvaldības sistēmās. Šie tehniskie formāti nodrošina precīzas krāsu specifikācijas specializētām nozarēm un lietojumiem.

Praktiskie formāti

Konvertē krāsas praktiskos formātos reālās pasaules pielietojumiem, ieskaitot drukas simulāciju, LED displejus, termināļa izvadi un datu kodēšanu. Šie formāti palīdz ieviest krāsas dažādos medijos, platformās un fiziskās ierīcēs.

Krāsu analīze

Analizē krāsu īpašības ar uzlabotiem rādītājiem, ieskaitot spektrālo sastāvu, krāsu tīrību, metamerisma efektus un uztveres īpašības. Šie rīki sniedz dziļas ieskatus par krāsu uzvedību un izskatu dažādos skatīšanās apstākļos.

Krāsu akluma simulators

Pārbaudi, kā krāsa tiek uztverta cilvēkiem ar dažādiem krāsu akluma veidiem, lai veidotu pieejamākus dizainus. Izpratne par krāsu uztveri palīdz nodrošināt, ka tavs saturs ir pieejams visiem.

Radošie aspekti

Izpēti krāsu mākslinieciskos un psiholoģiskos aspektus, tostarp sezonālās asociācijas, emocionālo ietekmi, dabiskās parādības, vēsturiskos pigmentus un krāsu sajaukšanas receptes radošiem pielietojumiem.