Ingyenes konverter

HSL to HEX konverter

A HSL színértékeket azonnal konvertálja HEX színkódokká – ingyenes, valós idejű színátalakító.

Hue
Telítettség (%)
Könnyűség (%)

HEX kimenet

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

Másolás formátum

#HEX formátum#368CE2
hsl() formátumbanhsl(210°, 75%, 55%)
rgb() formátumbanrgb(54, 140, 226)

Az eszközről

A HSL (Hue, Saturation, Lightness) színértékek konvertálása hexadecimális kódokká. A HSL egy intuitív színmodell, ahol a színárnyalat a színszög (0-360°), a telítettség a színintenzitás (0-100%), a Lightness pedig azt szabályozza, hogy a szín mennyire világos vagy sötét (0-100%). Hasznos azoknak a tervezőknek, akik HSL-ben dolgoznak, és hexadecimális kódokra van szükségük a CSS-hez.

Használati útmutató

  1. Adja meg a Hue értéket (0-360 fok a színkörön).
  2. Állítsa be a Telítettséget (0-100%) és a Világosságot (0-100%).
  3. A hexadecimális kód kiszámítása és megjelenítése valós időben történik.
  4. Másolja ki a hexadecimális kódot a CSS-ben vagy a tervezőeszközben való használatra.

Gyakran ismételt kérdések

Miért használjunk HSL-t hexa vagy RGB helyett?
A HSL intuitívabb az emberek számára. Sötétebb árnyalatra vágysz? Csökkentse a világosságot. Némított verziót szeretne? A telítettség csökkentése. Ezek a kapcsolatok nem nyilvánvalóak hexadecimális vagy RGB-ben, ahol mindhárom csatornát módosítani kell.
Mit jelent a 0 vs 360 színárnyalat?
A 0° és a 360° is piros – a színtárcsa körbeveszi. Főbb árnyalatok: 0° = piros, 60° = sárga, 120° = zöld, 180° = cián, 240° = kék, 300° = bíbor.
Mi történik 0%-os és 100%-os telítettségnél?
0%-os telítettségnél bármely árnyalat szürke árnyalatúvá válik (csak a világosság határozza meg). 100%-os telítettségnél az árnyalat legtisztább, legélénkebb változatát kapja.
Hogyan működik a könnyedség?
A 0%-os világosság mindig fekete, függetlenül az árnyalattól/telítettségtől. 100% mindig fehér. Az 50% a szín tiszta, legélénkebb változatát adja. A 0-50% közötti értékek sötétebb árnyalatok, 50-100% a világosabb árnyalatok.