Převodník
Převeďte HEX, RGB, HSL, HSV a CMYK
Převeďte HEX, RGB, HSL, HSV/HSB a CMYK v prohlížeči. Vyberte barvu, zkopírujte kódy a zkontrolujte kontrast WCAG. Nic se nenahrává.
Vložte kód barvy nebo použijte výběr. HEX, RGB, HSL, HSV a CMYK se aktualizují společně. Kontrast se měří poměry WCAG na neprůhledném pozadí.
- Běží lokálně
- Bez nahrávání
- Okamžitě
- Zdarma
RGBA, HSLA a 8místné HEX uchovávají alfu. Řetězce HSV a CMYK ne; alfa se zobrazuje zvlášť.
HSV a HSB jsou stejný model. V i B znamenají jas.
CMYK zde je odhad z obrazovkového RGB. Není to převod tiskového profilu ICC.
Kontrast WCAG
Popředí může mít alfu a skládá se na neprůhledném pozadí. Tato verze nepoužívá alfu pozadí. Samotný kontrast nedokazuje, že je stránka přístupná.
| Kontrola | Výsledek |
|---|---|
| AA běžný text | |
| AA velký text | |
| AAA běžný text | |
| AAA velký text |
Ukázka běžného textu
Ukázka velkého textu
Převod barev a kontroly kontrastu běží v prohlížeči. Hodnoty se nenahrávají.
Jak to funguje
- 01 Vložte hodnotu HEX, RGB, HSL, HSV nebo CMYK, nebo použijte výběr.
- 02 Přečtěte převedené kódy a zkopírujte, co potřebujete.
- 03 Pokud je barva pro text, zkontrolujte kontrast na neprůhledném pozadí.
Proč NEXNARA
-
Soukromé
Data zůstanou v prohlížeči.
-
Okamžitě
Výsledky se zobrazí hned.
-
Bez nahrávání
Na server NEXNARA se nic neodesílá.
-
Funguje kdekoli
Není nutná instalace.
Zjistit více
Co je převodník barev?
Nástroj převádí jeden zápis barvy na ostatní. Zkopírujte HEX pro CSS, RGB pro návrh, HSL pro úpravy, HSV pro výběr nebo jednoduchý odhad CMYK. Veškerý výpočet zůstává v prohlížeči.
Co je HEX?
HEX zapisuje červenou, zelenou a modrou jako šestnáctkové dvojice, například #FF0000. Krátké #RGB zdvojnásobí každou číslici. Osmimístné #RRGGBBAA přidá alfu. Zde je # volitelné.
Co je RGB?
RGB míchá červenou, zelenou a modrou od 0 do 255. RGBA přidá alfu 0–1. Obrazovky zobrazují barvu v RGB, proto je to centrální formát ostatních převodů.
Co je HSL?
HSL je odstín (0–360), sytost (0–100 %) a světlost (0–100 %). Odstín 360 je totéž co 0. HSLA přidá alfu. Hodí se, když chcete zesvětlit nebo nasytit bez přemýšlení v holém RGB.
Co je HSV / HSB?
HSV (také HSB) používá odstín, sytost a hodnotu/jas. Není to HSL: plně jasná červená je hsv(0, 100%, 100%) a hsl(0, 100%, 50%). Nástroj považuje HSV a HSB za jeden model.
Co je CMYK?
CMYK je azurová, purpurová, žlutá a černá, každá 0–100 %. Tiskárny používají CMYK. Převod zde je matematický odhad z obrazovkového RGB, ne tiskový profil ICC.
RGB versus CMYK
RGB je aditivní světlo na obrazovce. CMYK je subtraktivní inkoust na papíře. Stejná čísla se ne vždy shodují s vytištěným vzorkem. Tento CMYK berte jako hrubý odhad, ne jako finální tisk.
Co je alfa?
Alfa je neprůhlednost. 1 je plná; 0 je zcela průhledná. 8místné HEX, RGBA a HSLA ji ukládají. Výstupy HSV a CMYK na této stránce alfu neobsahují, proto pole zůstává viditelné.
Co je poměr kontrastu WCAG?
Kontrast WCAG porovnává relativní jas textu a pozadí. Běžné cíle: 4,5:1 AA běžný text, 3:1 AA velký text, 7:1 AAA běžný a 4,5:1 AAA velký. Nepokrývá velikost písma, tloušťku ani zbývající přístupnost.
Jak převést barvu
Zvolte HEX, RGB, HSL, HSV nebo CMYK. Vložte hodnotu nebo posuňte výběr. Převod běží při psaní. Zkopírujte libovolný výsledek. Pro kontrast nastavte neprůhledné pozadí a čtěte PASS nebo FAIL u každého řádku WCAG.
Soukromí
Nic se neodesílá na NEXNARA ani na externí API barev. Nástroj neukládá hodnoty do cookies ani do místního úložiště.
Časté otázky
Jak převést HEX na RGB?
Vložte HEX jako #FF0000 nebo barvu vyberte. RGB se zobrazí jako rgb(255, 0, 0).
Jak převést RGB na HEX?
Zvolte RGB a zadejte rgb(255, 0, 0) nebo pole R, G, B. HEX se stane #FF0000.
Jaký je rozdíl mezi HSL a HSV?
Obě používají odstín a sytost, ale třetí kanál HSL je světlost a HSV hodnota (jas). Plně jasná červená je 50 % světlosti v HSL a 100 % hodnoty v HSV.
Je HSV totéž co HSB?
Ano. B v HSB (brightness) je V v HSV (value). hsv() i hsb() jsou přijímány.
Lze RGB převést na CMYK?
Ano, jako odhad z obrazovkového RGB. Nesedne ke každému profilu tiskárny.
Proč může vytištěné CMYK vypadat jinak?
Papír, inkoust a profily ICC mění výsledek. Stránka netvoří tiskový stroj.
Co znamená 8místné HEX?
Poslední dvě číslice jsou alfa. #FF000080 je červená s přibližně 50% neprůhledností.
Jaký poměr kontrastu potřebuji?
WCAG AA pro běžný text je 4,5:1. Velký text může 3:1. AAA pro běžný text je 7:1. Nástroj hlásí jen tyto čtyři kontroly.
Probíhá převod lokálně?
Ano. Běží v prohlížeči. Žádný server ani externí API.
Jak převést HEX na HSL?
Vložte HEX a čtěte pole HSL, nebo začněte od HSL a zkopírujte HEX. Odstín 360 se rovná 0.