fixmint
CS

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.

HEX—
RGB—
HSL—
HSV—
CMYK (orientačně)—
Tóny a odstíny, klepnutím zkopírujete
Na bílé — ku 1
  • —
  • —
  • —
  • —
Na černé — ku 1
  • —
  • —
  • —
  • —
Na vašem pozadí — ku 1
  • —
  • —
  • —
  • —

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

  1. Zadejte HEX, rgb(), hsl() nebo název barvy, nebo ji vyberte ve vzorníku.
  2. Zkopírujte formát, který potřebujete, z pěti výsledků.
  3. 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í.

    Vaše hodnocení

    Váš e-mail se nikde nezobrazuje ani neukládá.

    Číst dál