Prevodník
Preveďte HEX, RGB, HSL, HSV a CMYK
Preveďte HEX, RGB, HSL, HSV/HSB a CMYK v prehliadači. Vyberte farbu, skopírujte kódy a skontrolujte kontrast WCAG. Nič sa nenahráva.
Vložte kód farby alebo použite výber. HEX, RGB, HSL, HSV a CMYK sa aktualizujú naraz. Kontrast sa meria pomerom WCAG na nepriehľadnom pozadí.
- Beží lokálne
- Bez nahrávania
- Okamžite
- Zadarmo
RGBA, HSLA a 8-miestne HEX uchovávajú alfu. Reťazce HSV a CMYK nie; alfa sa zobrazuje osobitne.
HSV a HSB sú ten istý model. V aj B znamenajú jas.
CMYK tu je odhad z obrazovkového RGB. Nie je to prevod tlačového profilu ICC.
Kontrast WCAG
Popredie môže mať alfu a skladá sa na nepriehľadnom pozadí. Táto verzia nepoužíva alfu pozadia. Samotný kontrast nedokazuje, že je stránka prístupná.
| Kontrola | Výsledok |
|---|---|
| AA bežný text | |
| AA veľký text | |
| AAA bežný text | |
| AAA veľký text |
Ukážka bežného textu
Ukážka veľkého textu
Prevod farieb a kontroly kontrastu bežia v prehliadači. Hodnoty sa nenahrávajú.
Ako to funguje
- 01 Vložte hodnotu HEX, RGB, HSL, HSV alebo CMYK, alebo použite výber.
- 02 Prečítajte prevedené kódy a skopírujte, čo potrebujete.
- 03 Ak je farba pre text, skontrolujte kontrast na nepriehľadnom pozadí.
Prečo NEXNARA
-
Súkromné
Údaje zostanú v prehliadači.
-
Okamžite
Výsledky sa zobrazia hneď.
-
Bez nahrávania
Na server NEXNARA sa nič neodosiela.
-
Funguje kdekoľvek
Inštalácia nie je potrebná.
Zistiť viac
Čo je prevodník farieb?
Nástroj prevádza jeden zápis farby na ostatné. Skopírujte HEX pre CSS, RGB pre návrh, HSL na úpravy, HSV pre výber alebo jednoduchý odhad CMYK. Celý výpočet ostáva v prehliadači.
Čo je HEX?
HEX zapisuje červenú, zelenú a modrú ako šestnástkové dvojice, napríklad #FF0000. Krátke #RGB zdvojnásobí každú číslicu. Osemmiestne #RRGGBBAA pridá alfu. Tu je # voliteľné.
Čo je RGB?
RGB mieša červenú, zelenú a modrú od 0 do 255. RGBA pridá alfu 0–1. Obrazovky zobrazujú farbu v RGB, preto je to centrálny formát ostatných prevodov.
Čo je HSL?
HSL je odtieň (0–360), sýtosť (0–100 %) a svetlosť (0–100 %). Odtieň 360 je to isté ako 0. HSLA pridá alfu. Hodí sa, keď chcete zosvetliť alebo nasýtiť bez myslenia v holom RGB.
Čo je HSV / HSB?
HSV (aj HSB) používa odtieň, sýtosť a hodnotu/jas. Nie je to HSL: plne jasná červená je hsv(0, 100%, 100%) a hsl(0, 100%, 50%). Nástroj považuje HSV a HSB za jeden model.
Čo je CMYK?
CMYK je azúrová, purpurová, žltá a čierna, každá 0–100 %. Tlačiarne používajú CMYK. Prevod tu je matematický odhad z obrazovkového RGB, nie tlačový profil ICC.
RGB verzus CMYK
RGB je aditívne svetlo na obrazovke. CMYK je subtraktívny atrament na papieri. Rovnaké čísla sa nie vždy zhodujú s vytlačenou vzorkou. Tento CMYK berte ako hrubý odhad, nie ako finálnu tlač.
Čo je alfa?
Alfa je nepriehľadnosť. 1 je plná; 0 je úplne priehľadná. 8-miestne HEX, RGBA a HSLA ju ukladajú. Výstupy HSV a CMYK na tejto stránke alfu neobsahujú, preto pole ostáva viditeľné.
Čo je pomer kontrastu WCAG?
Kontrast WCAG porovnáva relatívny jas textu a pozadia. Bežné ciele: 4,5:1 AA bežný text, 3:1 AA veľký text, 7:1 AAA bežný a 4,5:1 AAA veľký. Nepokrýva veľkosť písma, hrúbku ani zvyšok prístupnosti.
Ako previesť farbu
Zvoľte HEX, RGB, HSL, HSV alebo CMYK. Vložte hodnotu alebo posuňte výber. Prevod beží pri písaní. Skopírujte ľubovoľný výsledok. Pre kontrast nastavte nepriehľadné pozadie a čítajte PASS alebo FAIL pri každom riadku WCAG.
Súkromie
Nič sa neodosiela na NEXNARA ani na externé API farieb. Nástroj neukladá hodnoty do súborov cookie ani do miestneho úložiska.
Časté otázky
Ako previesť HEX na RGB?
Vložte HEX ako #FF0000 alebo farbu vyberte. RGB sa zobrazí ako rgb(255, 0, 0).
Ako previesť RGB na HEX?
Zvoľte RGB a zadajte rgb(255, 0, 0) alebo polia R, G, B. HEX sa stane #FF0000.
Aký je rozdiel medzi HSL a HSV?
Obidve používajú odtieň a sýtosť, ale tretí kanál HSL je svetlosť a HSV hodnota (jas). Plne jasná červená je 50 % svetlosti v HSL a 100 % hodnoty v HSV.
Je HSV to isté ako HSB?
Áno. B v HSB (brightness) je V v HSV (value). hsv() aj hsb() sa prijímajú.
Dá sa RGB previesť na CMYK?
Áno, ako odhad z obrazovkového RGB. Nezhodne sa s každým profilom tlačiarne.
Prečo môže vytlačené CMYK vyzerať inak?
Papier, atrament a profily ICC menia výsledok. Stránka nenapodobňuje tlačový stroj.
Čo znamená 8-miestne HEX?
Posledné dve číslice sú alfa. #FF000080 je červená s približne 50 % nepriehľadnosťou.
Aký pomer kontrastu potrebujem?
WCAG AA pre bežný text je 4,5:1. Veľký text môže 3:1. AAA pre bežný text je 7:1. Nástroj hlási len tieto štyri kontroly.
Prebieha prevod lokálne?
Áno. Beží v prehliadači. Žiadny server ani externé API.
Ako previesť HEX na HSL?
Vložte HEX a čítajte pole HSL, alebo začnite od HSL a skopírujte HEX. Odtieň 360 sa rovná 0.