Convertor gratuit

HSL la Convertor HEX

Convertiți instantaneu valorile de culoare HSL în coduri de culoare HEX — convertor gratuit de culori în timp real.

Hue
Saturație (%)
Lejeritate (%)

Ieșire HEX

#368CE2
R:54
G:140
B:226

Format de copiere

Format #HEX#368CE2
format hsl().hsl(210°, 75%, 55%)
format rgb().rgb(54, 140, 226)

Despre acest instrument

Convertiți valorile de culoare HSL (Nuanță, Saturație, Luminozitate) în coduri hexazecimale. HSL este un model de culoare intuitiv în care Nuanța este unghiul de culoare (0-360°), Saturația este intensitatea culorii (0-100%) și Luminozitatea controlează cât de deschisă sau întunecată este culoarea (0-100%). Util pentru designerii care lucrează în HSL și au nevoie de coduri hexadecimale pentru CSS.

Cum se utilizează

  1. Introduceți valoarea Hue (0-360 de grade pe roata de culori).
  2. Setați Saturația (0-100%) și Luminozitatea (0-100%).
  3. Codul hexadecimal este calculat și afișat în timp real.
  4. Copiați codul hexadecimal pentru a-l utiliza în CSS sau instrumentul de proiectare.

Întrebări frecvente

De ce să folosiți HSL în loc de hex sau RGB?
HSL este mai intuitiv pentru oameni. Vrei o nuanță mai închisă? Reduce luminozitatea. Vrei o versiune dezactivată? Reduceți saturația. Aceste relații nu sunt evidente în hex sau RGB, unde ar trebui să ajustați toate cele trei canale.
Ce înseamnă o nuanță de 0 față de 360?
Atât 0°, cât și 360° sunt roșii - roata de nuanță se înfășoară. Nuanțe majore: 0° = roșu, 60° = galben, 120° = verde, 180° = cyan, 240° = albastru, 300° = magenta.
Ce se întâmplă la 0% și 100% saturație?
La 0% saturație, orice nuanță devine o nuanță de gri (determinată doar de luminozitate). La 100% saturație, obțineți cea mai pură și mai vie versiunea acelei nuanțe.
Cum funcționează ușurința?
0% luminozitate este întotdeauna neagră, indiferent de nuanță/saturație. 100% este întotdeauna alb. 50% oferă versiunea pură, cea mai vibrantă a culorii. Valorile intre 0-50% sunt nuante mai inchise, 50-100% sunt nuante mai deschise.