Jak použít
- Vložte kód nebo CSS název barvy do vstupního pole a klikněte na Použít.
- Pro doladění barvy upravte hodnoty v poli RGB; ostatní kódy se přepočítají.
- Klikněte na Kopírovat odkaz a sdílejte odkaz s vybranou barvou.
Příklady
Barva z grafického manuálu pro web
Vstup
#2451E8
Výstup
HEX: #2451E8 RGB: rgb(36, 81, 232) HSL: hsl(226, 81%, 53%) HSV: hsv(226, 84%, 91%) CMYK: cmyk(84%, 65%, 0%, 9%) Název: ≈ MediumSlateBlue na bílé: 6.14:1 — ✓ AA, ✓ AA (velký), ✕ AAA, ✓ AAA (velký) na černé: 3.41:1 — ✕ AA, ✓ AA (velký), ✕ AAA, ✕ AAA (velký)
Kontrola šedého textu na bílém pozadí
Vstup
#767676
Výstup
HEX: #767676 RGB: rgb(118, 118, 118) HSL: hsl(0, 0%, 46%) HSV: hsv(0, 0%, 46%) CMYK: cmyk(0%, 0%, 0%, 54%) Název: ≈ Gray (grey) na bílé: 4.54:1 — ✓ AA, ✓ AA (velký), ✕ AAA, ✓ AAA (velký) na černé: 4.62:1 — ✓ AA, ✓ AA (velký), ✕ AAA, ✓ AAA (velký)
Převod RGB barvy tlačítka
Vstup
rgb(255 136 0)
Výstup
HEX: #FF8800 RGB: rgb(255, 136, 0) HSL: hsl(32, 100%, 50%) HSV: hsv(32, 100%, 100%) CMYK: cmyk(0%, 47%, 100%, 0%) Název: ≈ DarkOrange na bílé: 2.39:1 — ✕ AA, ✕ AA (velký), ✕ AAA, ✕ AAA (velký) na černé: 8.77:1 — ✓ AA, ✓ AA (velký), ✓ AAA, ✓ AAA (velký)
Názvy HTML barev (148)
Všech 148 názvů barev CSS, které podporují moderní prohlížeče, seskupených podle barevných rodin. Kliknutím na řádek barvu načtete, kliknutím na hodnotu HEX nebo RGB ji zkopírujete.
| Barva | Název | HEX | RGB |
|---|
Časté dotazy
Jak zkontrolovat kontrast barvy textu a pozadí?
Nástroj ukazuje kontrast vybrané barvy vůči bílé, černé a barvě zvolené v Porovnat s. Podle WCAG 2.x vyžaduje úroveň AA poměr alespoň 4,5:1 pro běžný text a 3:1 pro velký text.
Co znamená znak ≈ u názvu barvy?
Označuje nejbližší z 148 pojmenovaných CSS barev, nikoli přesnou shodu. Nejbližší název se určuje podle barevné vzdálenosti v prostoru CIE Lab.
Podporuje nástroj průhledné barvy v RGBA?
Průhlednost se při zadání RGBA nebo HEX s alfa kanálem ignoruje a zobrazí se upozornění. Výstupem je vždy neprůhledná barva sRGB.
Mohu použít vypočtené CMYK pro tisk?
Hodnoty CMYK jsou pouze přibližné, bez barevného profilu. Pro tisk použijte profil své tiskárny.