Ilmainen muunnin

HSL:lle HEX-muunnin

Muunna HSL-väriarvot HEX-värikoodeiksi välittömästi – ilmainen, reaaliaikainen värimuunnin.

Sävy
Kylläisyys (%)
Keveys (%)

HEX-lähtö

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

Kopioi muoto

#HEX-muoto#368CE2
hsl()-muodossahsl(210°, 75%, 55%)
rgb()-muodossargb(54, 140, 226)

Tietoa tästä työkalusta

Muunna HSL-väriarvot (Hue, Saturation, Lightness) heksadesimaalikoodeiksi. HSL on intuitiivinen värimalli, jossa Hue on värikulma (0-360°), kylläisyys on värin intensiteetti (0-100 %) ja Lightness ohjaa värin vaaleaa tai tummaa (0-100 %). Hyödyllinen suunnittelijoille, jotka työskentelevät HSL:ssä ja tarvitsevat heksadesimaalikoodeja CSS:ään.

Käyttöohjeet

  1. Syötä Hue-arvo (0-360 astetta väriympyrässä).
  2. Aseta Kylläisyys (0-100%) ja Vaaleus (0-100%).
  3. Hex-koodi lasketaan ja näytetään reaaliajassa.
  4. Kopioi heksadesimaalikoodi käytettäväksi CSS- tai suunnittelutyökalussasi.

Usein kysytyt kysymykset

Miksi käyttää HSL:ää hex- tai RGB:n sijaan?
HSL on intuitiivisempi ihmisille. Haluatko tummemman sävyn? Vähennä vaaleutta. Haluatko mykistetun version? Vähennä kylläisyyttä. Nämä suhteet eivät ole ilmeisiä hex- tai RGB-tilassa, jossa sinun on säädettävä kaikkia kolmea kanavaa.
Mitä sävy 0 vs 360 tarkoittaa?
Sekä 0° että 360° ovat punaisia – sävypyörä kiertyy ympäriinsä. Pääsävyt: 0° = punainen, 60° = keltainen, 120° = vihreä, 180° = syaani, 240° = sininen, 300° = magenta.
Mitä tapahtuu 0 %:n ja 100 %:n saturaatiolla?
0 % kylläisyydellä mistä tahansa sävystä tulee harmaan sävy (joka määräytyy pelkästään vaaleuden perusteella). 100 % kylläisyydellä saat tuon sävyn puhtaimman ja eloisimman version.
Miten keveys toimii?
0 % vaaleus on aina mustaa sävystä/kylläisyydestä riippumatta. 100% on aina valkoista. 50 % antaa värin puhtaimman, eloisimman version. Arvot välillä 0-50% ovat tummempia sävyjä, 50-100% ovat vaaleampia sävyjä.