Tasuta konverter

HSL-ile HEX-muundur

Teisendage HSL-i värviväärtused koheselt HEX-värvikoodideks – tasuta reaalajas värvimuundur.

Toon
Küllastus (%)
Kergus (%)

HEX väljund

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

Kopeerimisvorming

#HEX-vorming#368CE2
hsl() vormingushsl(210°, 75%, 55%)
rgb() vormingusrgb(54, 140, 226)

Sellest tööriistast

Teisendage HSL-i (Hue, Saturation, Lightness) värviväärtused kuueteistkümnendkoodideks. HSL on intuitiivne värvimudel, kus Hue on värvinurk (0-360°), küllastus on värvi intensiivsus (0-100%) ja Lightness määrab, kui hele või tume värv on (0-100%). Kasulik disaineritele, kes töötavad HSL-is ja vajavad CSS-i jaoks kuueteistkümnendkoode.

Kuidas kasutada

  1. Sisestage Hue väärtus (0–360 kraadi värvirattal).
  2. Määrake küllastus (0–100%) ja heledus (0–100%).
  3. Kuueteistkümnendkood arvutatakse ja kuvatakse reaalajas.
  4. Kopeerige kuueteistkümnendkood oma CSS-i või disainitööriistas kasutamiseks.

Korduma kippuvad küsimused

Miks kasutada hex või RGB asemel HSL-i?
HSL on inimestele intuitiivsem. Kas soovite tumedamat tooni? Vähendage kergust. Kas soovite vaigistatud versiooni? Vähendage küllastust. Need seosed pole hex- või RGB-režiimis ilmsed, kus peate kohandama kõiki kolme kanalit.
Mida tähendab toon 0 vs 360?
Nii 0° kui ka 360° on punased – värviratas keerdub ümber. Peamised toonid: 0° = punane, 60° = kollane, 120° = roheline, 180° = tsüaan, 240° = sinine, 300° = magenta.
Mis juhtub 0% ja 100% küllastuse korral?
0% küllastuse korral muutub iga toon halli varjundiks (määratakse ainult heleduse järgi). 100% küllastuse korral saate selle tooni puhtaima ja erksama versiooni.
Kuidas kergus toimib?
0% heledus on alati must, olenemata toonist/küllastusest. 100% on alati valge. 50% annab värvi puhtaima ja erksama versiooni. Väärtused vahemikus 0-50% on tumedamad toonid, 50-100% heledamad toonid.