Convertor HSL în HEX
Lipește o valoare HSL și primești imediat HEX. Merge și orice alt format.
Exemple HSL în HEX
Despre HSL și HEX
HSL descrie nuanța în grade, iar saturația și luminozitatea în procente. Se citește ușor, dar luminozitatea sa nu este uniformă pentru ochi: galbenul la 50% arată mult mai deschis decât albastrul la 50%.
HEX scrie roșul, verdele și albastrul cu câte două cifre hexazecimale, de exemplu #ff5733. Este cel mai răspândit mod de a scrie culorile pe web și în instrumentele de design.
Cum funcționează conversia
Citim valoarea HSL, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în HEX. Valorile din afara gamutului țintă sunt aduse în gamut cu algoritmul CSS Color 4, care păstrează luminozitatea și nuanța și reduce croma.
Întrebări și răspunsuri
Cum convertesc HSL în HEX?
Lipește sau scrie o valoare HSL în câmpul de mai sus. PickShade o convertește cu formulele CSS Color 4 pe măsură ce scrii, iar un clic copiază valoarea HEX.
Conversia din HSL în HEX este exactă?
Calculele sunt exacte, iar rezultatul este rotunjit doar la afișare, cu suficiente zecimale ca să poți reveni la aceeași culoare. Dacă culoarea nu încape în gamutul țintă, PickShade te avertizează și arată cea mai apropiată culoare care încape.
Pot obține și alte formate în același timp?
Da. Toate celelalte formate, inclusiv OKLCH, Display P3, Tailwind, SwiftUI, Flutter și Android, sunt listate sub rezultat și se copiază dintr-un clic.
Convertorul este gratuit?
Da. Este gratuit, nu cere cont și rulează în întregime în browserul tău.