Kalkulačka farieb – prevod HEX, RGB a HSL

Prevod farieb medzi HEX, RGB a HSL

Farby používané na weboch a v digitálnej grafike sa často zapisujú vo formátoch HEX, RGB alebo HSL. Kalkulačka umožňuje previesť rovnakú farbu medzi všetkými tromi zápismi. Hodnotu môžete zadať ako HEX kód, pomocou červenej, zelenej a modrej zložky RGB alebo prostredníctvom odtieňa, sýtosti a svetlosti HSL.

Pri HEX formáte môžete použiť klasický šesťmiestny zápis, napríklad #2563EB, ale podporovaný je aj skrátený trojmiestny zápis #RGB. Znak # nie je pri zadávaní nevyhnutný. Kalkulačka HEX kód normalizuje a následne vypočíta zodpovedajúce hodnoty RGB a HSL.

RGB zapisuje farbu pomocou troch číselných zložiek. R predstavuje červenú, G zelenú a B modrú, pričom každá hodnota musí byť celé číslo od 0 do 255. Pri HSL sa zadáva odtieň H v rozsahu 0° až 360°, sýtosť S od 0 do 100 % a svetlosť L od 0 do 100 %. Po zmene hodnôt sa ostatné formáty automaticky prepočítajú.

Výsledok obsahuje HEX kód, RGB zápis aj HSL hodnoty. Kalkulačka zároveň pripraví hotové CSS zápisy vo formáte color: #RRGGBB;, color: rgb(…); a color: hsl(…);, ktoré možno jednoducho použiť pri práci so štýlmi webovej stránky. Súčasťou výsledku je aj vizuálny náhľad vypočítanej farby.

Ak napríklad zadáte HEX farbu #2563EB, výsledkom je RGB(37, 99, 235) a približne HSL(221,2°, 83,2 %, 53,3 %). Rovnaký prevod funguje aj opačne. Ak poznáte iba RGB alebo HSL hodnoty, kalkulačka z nich vytvorí príslušný HEX kód a aktualizuje všetky ostatné údaje.

Jednotlivé formáty opisujú tú istú farbu odlišným spôsobom. HEX je kompaktný hexadecimálny zápis, RGB pracuje priamo s intenzitou troch základných farebných zložiek a HSL oddeľuje odtieň, sýtosť a svetlosť. Prevod medzi nimi je preto praktický pri tvorbe webov, úprave CSS alebo prenášaní farieb medzi nástrojmi, ktoré používajú rozdielne farebné formáty.