Rumus konversi RGB ke HSL
Formula
Normalisasikan R,G,B ke 0–1, cari min/maks, turunkan L dan S, hitung H dari saluran dominan.
Variables
- R, G, B
- saluran sRGB (0–255 atau 0–1 dinormalisasi)
- H, S, L
- Hue (derajat), saturasi dan kecerahan (0–1) dalam HSL
- L
- Pencahayaan relatif (WCAG) atau kecerahan dalam HSL/OKLCH
FAQ
- Apakah rumus konversi RGB ke HSL akurat untuk alur kerja pencetakan?
- Layar RGB dan cetak CMYK menggunakan gamut yang berbeda. Perlakukan konversi sebagai bukti perkiraan; kalibrasi dengan profil ICC untuk cetakan komersial.
- Bisakah saya menggunakan rumus ini di CSS?
- CSS modern mendukung campuran warna(), oklch(), dan lab() untuk banyak operasi. Untuk pipeline yang kompleks, hitung dalam JavaScript dan ekspor variabel CSS.
- Apakah Color DevByte mengunggah warna saya?
- Tidak. Halaman referensi rumus adalah dokumentasi statis; alat interaktif berjalan 100% di sisi klien di browser Anda.
Ikhtisar
Ubah nilai sRGB menjadi rona, saturasi, dan kecerahan untuk pengeditan tema yang intuitif.
Color DevByte mendokumentasikan formula ini untuk pengembang, desainer, dan peninjau aksesibilitas yang memerlukan penghitungan warna yang dapat direproduksi tanpa mengirimkan data ke server.
Gunakan alat warna tertaut untuk menerapkan rumus ini secara interaktif dengan pratinjau langsung dan ekspor multi-format.
Kapan menggunakan rumus ini
Terapkan rumus konversi rgb ke hsl saat membuat token desain, memvalidasi kontras WCAG, atau mengotomatiskan saluran warna di CSS, Tailwind, atau JSON sistem desain.
Untuk UI produksi, selalu verifikasi hasil dengan pemeriksa kontras atau pratinjau visual — kasus tepi dalam koreksi gamma dan pemetaan gamut dapat mengubah hasil.
Catatan implementasi
Alat berbasis browser harus melakukan linierisasi sRGB sebelum penghitungan pencahayaan atau ΔE.
Lebih suka interpolasi OKLCH atau LAB untuk gradien dan tema untuk menghindari titik tengah keabu-abuan yang umum dalam campuran RGB.