Krāsu pārveidotājs: HEX, RGB, HSL, HSV, CMYK
Pārveidojiet krāsas starp HEX, RGB, HSL, HSV un CMYK, pārbaudiet kontrastu un izveidojiet paleti.
CSS
color: #2563eb;color: rgb(37, 99, 235);color: hsl(221, 83%, 53%);
WCAG kontrasts
Aprēķināts, izmantojot necaurspīdīgo krāsu kā teksta krāsu.
Attiecība: 5.17:1
- AA teksts: Izpildīts
- AA liels teksts: Izpildīts
- AAA teksts: Neizpildīts
- AAA liels teksts: Izpildīts
Attiecība: 4.06:1
- AA teksts: Neizpildīts
- AA liels teksts: Izpildīts
- AAA teksts: Neizpildīts
- AAA liels teksts: Neizpildīts
Palete
Noklikšķiniet uz parauga, lai to izvēlētos.
Gaišāki un tumšāki toņi
Komplementārā krāsa
Analogās krāsas
Kā to izmantot
Izvēlieties krāsu ar krāsu atlasītāju vai ierakstiet to jebkurā laukā: visi pārējie formāti atjaunojas uzreiz. Tiek pieņemti HEX kodi ar 3, 4, 6 vai 8 cipariem (piemēram, #f80 vai #ff880080), kā arī rgb(), rgba(), hsl(), hsla(), hsv() un cmyk() pieraksts. Slīdnis nosaka necaurspīdīgumu (alfa).
Poga blakus katram laukam nokopē tā vērtību, bet sadaļa CSS piedāvā gatavas color: rindas.
Kontrasts un pieejamība
Rīks aprēķina WCAG kontrasta koeficientu starp izvēlēto krāsu un baltu un melnu krāsu. Parastam tekstam AA līmenim vajadzīgs vismaz 4,5:1, bet AAA – 7:1. Lielam tekstam (aptuveni 24 px jeb 19 px treknrakstā) vajadzīgs attiecīgi 3:1 un 4,5:1.
Kontrasts tiek aprēķināts bez caurspīdīguma, tas ir, ar pilnībā necaurspīdīgu krāsu.
Palete, CMYK un privātums
Palete rāda gaišākus un tumšākus toņus (sajauktus ar baltu vai melnu), komplementāro krāsu (pretējo krāsu ritenī) un kaimiņkrāsas. Noklikšķiniet uz parauga, lai to padarītu par pašreizējo krāsu.
CMYK šeit tiek aprēķināts pēc vienkāršas matemātiskas formulas, tāpēc drukātais rezultāts var atšķirties: precīzas drukas krāsas ir atkarīgas no printera un krāsu profila. Visi aprēķini notiek jūsu pārlūkprogrammā, un dati netiek nekur sūtīti.