HEX · RGB · HSL · HSV · CMYK

Převodník barev RGB–HEX a kontrola kontrastu

Převádějte HEX, RGB, HSL, HSV a CMYK, nastavte průhlednost, ověřte kontrast WCAG a zkopírujte hotový kód CSS.

HEX · RGB · HSL · HSV · CMYK · WCAG

Barevné studio RGB–HEX a kontrola kontrastu

Převádějte HEX, RGB, HSL, HSV a CMYK, nastavte průhlednost, ověřte kontrast WCAG a zkopírujte hotový kód CSS.

Aktuální barva

#FF6347
Nejbližší běžná barva CSS: tomato

Kanály RGBA

Barevné modely

HSL

HSV

CMYK

Barevné formáty

Živý náhled rozhraní

Světlý

Náhled tlačítka

Tento text ukazuje čitelnost vybraných barev.

Tmavý

Náhled tlačítka

Tento text ukazuje čitelnost vybraných barev.

Přístupnost a kontrast

2.95:1
Nejlepší barva textu: #000000

Tento text ukazuje čitelnost vybraných barev.

Barevné harmonie

Nedávné barvy

Podrobnosti barvy

Relativní jas0.00
Vnímaný jas0%
Nejbližší běžná barva CSStomato

Barvy na obrazovce a v tisku se mohou lišit; studio pracuje v sRGB.

Jak se převádějí hodnoty RGB na HEX?

Každý kanál od 0 do 255 se změní na dvoumístnou šestnáctkovou dvojici; červená, zelená a modrá tvoří #RRGGBB.

Co znamená hodnota alfa?

Alfa řídí krytí od úplné průhlednosti po plné krytí. Osmimístný HEX ji ukládá v poslední dvojici.

Zkontrolujte přístupnost

Výsledky WCAG mají i textové značky. Běžný text potřebuje pro AA poměr 4,5:1, velký text 3:1.

Vzorce

HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFKontrastní poměr = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)
W3C · HEX · S alfouW3C · WCAG · Kontrastní poměrBarvy a historie zůstávají ve vašem prohlížeči.

Časté dotazy k převodníku RGB–HEX

Jak se převádějí hodnoty RGB na HEX?

Každý kanál od 0 do 255 se změní na dvoumístnou šestnáctkovou dvojici; červená, zelená a modrá tvoří #RRGGBB.

Co znamená hodnota alfa?

Alfa řídí krytí od úplné průhlednosti po plné krytí. Osmimístný HEX ji ukládá v poslední dvojici.

Jak vytvořit přístupnou paletu?

Ověřte kontrast textu a pozadí, nespoléhejte jen na barvu a testujte i interaktivní stavy.

Proč se může tištěná barva lišit od obrazovky?

Obrazovky vyzařují světlo RGB, tiskárny míchají inkousty; výsledek ovlivňuje papír, profily a kalibrace.