Konvertor HSL na HEX
Nastavte odtieň, sýtosť a svetlosť a získajte zodpovedajúci šesťmiestny kód farby HEX pripravený na kopírovanie.
Hodnota hsl
Výsledok · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Ako na to: HSL na HEX
- 1
Zadajte farbu
Napíšte kód farby alebo ju vyberte pomocou výberu farby — každé pole prijíma formát, ktorý zobrazuje.
- 2
Pozrite si prevod
Výsledok sa aktualizuje okamžite počas písania, spolu so živým náhľadom farby.
- 3
Skopírujte kód
Skopírujte potrebnú hodnotu jedným kliknutím a vložte ju do svojho návrhu, CSS alebo nastavení tlače.
Prečo prevádzať HSL na HEX
HSL je najintuitívnejší spôsob, ako zostaviť farebný systém. Zafixujete odtieň, napríklad 262° pre fialovú, a celú škálu vytvoríte najmä zmenou svetlosti: okolo 95 % pre pozadia, 58 % pre tlačidlá a akcenty, 30 % pre text. Dizajnéri a vývojári túto metódu používajú pre svetlé a tmavé odtiene aj tmavé motívy.
Hotovú škálu však zvyčajne treba dodať ako kódy HEX: manuály štýlu, dizajnové tokeny, knižnice vo Figme, brand manuály aj mnoho redakčných systémov očakávajú hodnoty #RRGGBB. Zadajte hodnoty HSL a skopírujte výsledok HEX — napríklad z hsl(262, 83%, 58%) sa stane #7C3BED. Nástroj pre rovnakú farbu ukazuje aj RGB, HSV a CMYK. Keďže HEX dokáže uložiť iba 256 úrovní na kanál, veľmi malé zmeny v HSL kód HEX vždy nezmenia.
Všetko beží lokálne vo vašom prehliadači — vaše obrázky sa nikdy nenahrávajú na server.