Krāsu atlasītājs un pārveidotājs

Izvēlieties krāsu vai ievadiet to kā HEX, RGB, HSL vai ar nosaukumu angliski, un uzreiz iegūstiet visus formātus kopēšanai kopā ar tās kontrastu ar balto un melno krāsu. Viss jūsu pārlūkprogrammā.

Tas, ko ievadāt, nekad neatstāj jūsu ierīci. Viss tiek aprēķināts pārlūkprogrammā.

Formāti

HEX
RGB
HSL
CMYK

Teksta kontrasts (WCAG)

Baltais teksts uz šīs krāsas
Melnais teksts uz šīs krāsas

Kā pārveidot krāsu

  1. Noklikšķiniet uz krāsas kvadrāta, toņa joslas vai krāsu paletes, lai izvēlētos krāsu, vai ievadiet to teksta laukā.
  2. Varat to ievadīt kā HEX (#1e90ff), kā rgb(), kā hsl() vai ar nosaukumu angliski.
  3. Skatiet krāsu priekšskatījumā kopā ar tās HEX, RGB, HSL un CMYK ekvivalentiem.
  4. Nokopējiet nepieciešamo formātu un pārbaudiet kontrastu ar baltu vai melnu tekstu.

Kam tas paredzēts

Dizaineriem un izstrādātājiem bieži jāpārveido krāsa no viena formāta citā: HEX no paletes, rgb() no stilu lapas, HSL, lai izveidotu gaišākus vai tumšākus variantus. Šis rīks to izdara vienā solī.

Tas arī aprēķina krāsas kontrastu ar baltu un melnu tekstu atbilstoši WCAG pieejamības vadlīnijām: 4,5:1, lai atbilstu AA līmenim, un 7:1 AAA līmenim parastam tekstam.

CMYK ir vienkāršs pārveidojums, noderīgs kā atsauce; profesionālai drukai jāizmanto krāsu profils jūsu dizaina programmā.

Kas jāņem vērā

Biežāk uzdotie jautājumi

Kā pārveidot HEX par RGB?

Ievadiet HEX (piemēram, #1e90ff), un rīks uzreiz parāda ekvivalento rgb() kopā ar HSL un CMYK.

Kas ir WCAG kontrasts?

Tas mēra, cik labi teksts ir salasāms uz fona. Attiecība 4,5:1 atbilst AA līmenim, bet 7:1 – AAA līmenim parastam tekstam.

Vai tiek pieņemtas krāsas ar caurspīdīgumu?

Jā: varat ievadīt #rrggbbaa, rgba() vai hsla(), un tās tiek parādītas arī ar caurspīdīgumu.

Vai kaut kas tiek nosūtīts uz serveri?

Nē. Viss tiek aprēķināts jūsu pārlūkprogrammā.

Vai tas ir bezmaksas?

Jā, tas ir bezmaksas, nav jāreģistrējas, un tas darbojas tieši jūsu pārlūkprogrammā.