freetool.cz

Převodník barev

Měňte barvy mezi formáty HEX, RGB a HSL v reálném čase. Skvělý pomocník pro webaře a grafiky.

Kódy barvy

Živý náhled

Takhle vypadá text na vaší barvě.

Vhodné pro bílý text

Rychlé CSS proměnné 

:root {
  --color-primary: #0ea2bd;
  --color-primary-rgb: 14, 162, 189;
}

K čemu slouží převodník barev (Color Converter)?

Ať už jste programátor píšící CSS kód, nebo grafik pracující ve Photoshopu či Figmě, neustále se potkáváte s různými zápisy barev. Náš online převodník barev vám umožní plynule přecházet mezi třemi nejrozšířenějšími formáty pro web (HEX, RGB a HSL). Navíc okamžitě kontroluje vizuální kontrast, abyste věděli, zda na dané barvě bude čitelný bílý nebo černý text.

Jaký je rozdíl mezi HEX, RGB a HSL?

  • HEX (#RRGGBB): Nejoblíbenější formát v HTML a CSS. Jde o šestnáctkovou (hexadecimální) soustavu. První dva znaky určují červenou (Red), další dva zelenou (Green) a poslední dva modrou (Blue). Například #000000 je černá a #FFFFFF je bílá.
  • RGB (Red, Green, Blue): Zápis, který je blíže lidskému chápání digitálních displejů. Barva se skládá z intenzity červeného, zeleného a modrého pixelu v hodnotách od 0 do 255. Zápis vypadá např. rgb(255, 0, 0) pro čistě červenou.
  • HSL (Hue, Saturation, Lightness): Zápis, který milují webdesignéři. Barva je definována odstínem (úhel na barevném kruhu 0–360°), sytostí (0–100 %) a světlostí (0–100 %). Výhodou HSL je, že z něj snadno vytvoříte tmavší nebo světlejší variantu barvy pouhou změnou posledního čísla (Světlosti), aniž byste měnili základní odstín.
Zkopírováno do schránky!