Výber farby a prevodník

Vyberte farbu alebo ju zadajte ako HEX, RGB, HSL či jej anglickým názvom a okamžite získate všetky formáty na skopírovanie spolu s jej kontrastom na bielej a čiernej. Všetko v prehliadači.

To, čo napíšete, nikdy neopustí vaše zariadenie. Všetko sa počíta vo vašom prehliadači.

Formáty

HEX
RGB
HSL
CMYK

Kontrast textu (WCAG)

Biely text na tejto farbe
Čierny text na tejto farbe

Ako previesť farbu

  1. Kliknite na pole s farbou a vyberte ju, alebo ju napíšte do textového poľa.
  2. Môžete ju zadať ako HEX (#1e90ff), ako rgb(), ako hsl() alebo jej anglickým názvom.
  3. Uvidíte farbu v náhľade spolu s jej ekvivalentmi HEX, RGB, HSL a CMYK.
  4. Skopírujte formát, ktorý potrebujete, a skontrolujte kontrast s bielym alebo čiernym textom.

Na čo slúži

Dizajnéri a vývojári často prevádzajú farbu z jedného formátu do druhého: HEX z palety, rgb() v štýlovom súbore, HSL na vytvorenie svetlejších či tmavších variantov. Tento nástroj to urobí na jeden krok.

Počíta aj kontrast farby s bielym a čiernym textom podľa zásad prístupnosti WCAG: 4,5:1 na splnenie úrovne AA a 7:1 pre úroveň AAA pri bežnom texte.

CMYK je jednoduchý prevod, užitočný ako orientácia; pre profesionálnu tlač by ste mali použiť farebný profil vo svojom dizajnovom softvéri.

Na čo myslieť

Často kladené otázky

Ako previesť HEX na RGB?

Zadajte HEX (napríklad #1e90ff) a nástroj okamžite ukáže zodpovedajúce rgb() spolu s HSL a CMYK.

Čo je kontrast WCAG?

Meria, ako čitateľný je text na pozadí. Pomer 4,5:1 spĺňa úroveň AA a 7:1 úroveň AAA, pri bežnom texte.

Prijíma farby s priehľadnosťou?

Áno: môžete zadať #rrggbbaa, rgba() alebo hsla() a zobrazia sa aj s priehľadnosťou.

Posiela sa niečo na server?

Nie. Všetko sa počíta vo vašom prehliadači.

Je to zadarmo?

Áno, je to zadarmo, bez registrácie a funguje priamo vo vašom prehliadači.