Převodník barev
Vložte HEX, RGB, HSL nebo název barvy a hned uvidíte všechny formáty s kontrolou kontrastu podle WCAG.
- Běží ve vašem zařízení
- Bez registrace
- Po první návštěvě funguje offline

Přijímá #rgb, #rrggbb, #rrggbbaa, rgb(), rgba(), hsl(), hsla() nebo název barvy v CSS, například rebeccapurple.
—————- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
- —
Každý poměr je podle WCAG 2.x. Velký text má 24 px a více, nebo 18,66 px a tučně. Hranice splnění se kontroluje podle přesného poměru a průhledná barva se nejprve smíchá s každým pozadím.
Jak převod kódu barvy
- Zadejte HEX, rgb(), hsl() nebo název barvy, nebo ji vyberte ve vzorníku.
- Zkopírujte formát, který potřebujete, z pěti výsledků.
- Přečtěte si poměr kontrastu a značky AA nebo AAA na bílé, na černé a na pozadí, které zvolíte.
Otázky
Proč je hodnota CMYK jen orientační?
CMYK závisí na inkoustu, papíru a barevném profilu tiskárny. Tento převodník používá prostý aritmetický vzorec, který všechny tři faktory ignoruje, takže vytištěná barva se od obrazovky liší. Před velkým nákladem si od tiskárny vyžádejte zkušební tisk.
Jak se počítá poměr kontrastu?
WCAG 2.x vezme relativní jas každé barvy z jejích hodnot červené, zelené a modré po korekci gamma. Poměr je světlejší jas plus 0,05 dělený tmavším jasem plus 0,05. Černá na bílé dává 21:1, což je nejvyšší možná hodnota.
Jaké prahy kontrola používá?
WCAG 2.x vyžaduje u úrovně AA alespoň 4,5:1 pro běžný text a 3:1 pro velký text, u úrovně AAA pak 7:1 a 4,5:1. Velký text má 24 px a více, nebo 18,66 px a tučně.
Jaké formáty barev pole přijme?
Hexadecimální kódy se třemi, šesti nebo osmi číslicemi, rgb() a rgba(), hsl() a hsla() a názvy barev v CSS, například rebeccapurple. Prohlížeč hodnotu načte, takže funguje cokoli, co rozpozná jako barvu CSS.
Recenze
Zatím žádné recenze. Buďte první.

