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
Náhľad
Na bielom
Na čiernom
Formát vstupu

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

  1. Vložte hodnotu HEX, RGB, HSL, HSV alebo CMYK, alebo použite výber.
  2. Prečítajte prevedené kódy a skopírujte, čo potrebujete.
  3. 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.