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.
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ä.