Konverter Warna RGB ke HSL
Konversi nilai warna RGB ke HSL (hue, saturation, lightness) secara instan. Gratis, tanpa perlu daftar.
Apakah alat ini menjawab pertanyaan Anda?
Terima kasih — ini membantu kami menyempurnakan alat ini.
Cara menggunakan alat ini
- Masukkan nilai merah, hijau, dan biru (masing-masing 0-255).
- Alat ini menghitung hue (0-360°), saturation (0-100%), dan lightness (0-100%).
- Gunakan hasil hsl() langsung di CSS Anda.
Konversi nilai warna RGB ke model warna HSL (Hue, Saturation, Lightness) yang digunakan dalam CSS dan alat desain.
Rumus
Given Red, Green, Blue each in 0–255, first normalize: r' = R/255, g' = G/255, b' = B/255.
Then: L = (max + min) / 2
If max ≠ min, delta d = max − min, then:S = d / (2 − max − min) when L > 0.5, else S = d / (max + min)
Hue sector depends on which channel is max:
• R is max: H = (g' − b') / d + (g' < b' ? 6 : 0)
• G is max: H = (b' − r') / d + 2
• B is max: H = (r' − g') / d + 4
Then H = H / 6 × 360
Pertanyaan umum
- Apa itu HSL?
- HSL adalah singkatan dari Hue, Saturation, Lightness. Ini merepresentasikan warna dalam model silinder, membuatnya lebih intuitif dibanding RGB untuk menyesuaikan kecerahan dan saturasi.
- Rentang apa yang digunakan hue?
- Hue diukur dalam derajat dari 0 hingga 360, di mana 0/360 adalah merah, 120 adalah hijau, dan 240 adalah biru.