Warna RGB ke HSL

Memahami rona, saturasi, dan kecerahan

Terjemahkan saluran RGB integer ke rona, saturasi, dan kecerahan. Gunakan RGB ke HSL ketika Anda tahu tepatnya saluran merah, hijau, dan biru, tetapi ingin cara yang lebih intuitif untuk membandingkan warna atau mengatur palet. Alat ini menerima saluran integer dari nol melalui 255, baik dalam sintaks rgb () atau dipisahkan oleh koma. Rona diturunkan dari kanal dominan dan perbedaan antara saluran.

Saluran-saluran ini dinormalisasi ke 0–1; maksimum, minimum dan perbedaannya menentukan HSL. Saturasi turun ke nol ketika ketiga saluran itu sama; abu-abu kemudian tidak memiliki warna yang berarti, sehingga keluaran menggunakan nol derajat oleh konvensi. Kecerahan didasarkan pada titik tengah antara kanal normalisasi tertinggi dan terendah. Sampel menghasilkan warna HSL dekat 211 derajat, berguna untuk menemukan blues terkait. Persentase yang ditampilkan dibulatkan ke dua tempat desimal.

Mengerti model warna

Hasil HSL berguna ketika tugas palet bertanya bagaimana warna berhubungan dengan warna, tetapi perubahan tunggal pada HSL tidak menjamin perubahan yang seragam secara visual. Hasilnya tidak memiliki saluran alfa; alat ini menggunakan integer RGB dan HSL konvensional, bukan profil manajemen warna. HEX dan RGB menggambarkan tiga saluran cahaya aditif yang sama. Setiap saluran memiliki nilai integer dari nol hingga 255, dan heksadesimal menulis nilai itu dengan dua digit basis-enam belas. Kode enam digit karena itu memiliki pasangan merah, hijau dan biru dalam urutan itu. HSL adalah cara lain untuk menggambarkan warna RGB: warna mengidentifikasi posisi pada roda warna, saturasi mengendalikan jarak dari kelabu dengan kecerahan yang sama, dan kecerahan menempatkan warna antara hitam dan putih. Bentuk-bentuk ini berguna untuk membandingkan token desain, membaca CSS dan menyesuaikannya dengan palet tanpa menebak apa arti kode.

Memilih representasi yang benar

Jika nilai kanal merah, hijau, dan biru sama, warnanya abu-abu: saturasinya nol dan rona secara konvensi dilaporkan sebagai nol, bukan arah yang benar-benar terukur pada roda warna. Karena itu, perubahan kecil pada satu kanal warna yang hampir abu-abu dapat membuat nilai rona berubah drastis. Jika persentase HSL yang dibulatkan kemudian dikonversi kembali ke kanal RGB bilangan bulat, bandingkan nilai kanalnya; hasilnya tidak harus identik per byte. Simpan nilai RGB semula bila token warna rancangan harus dapat dipulihkan secara tepat.

Untuk cek konkret, contoh input rgb(42, 127, 220) menghasilkan hsl(211.35, 71.77%, 51.37%). Simpan asli di samping hasil ketika membandingkannya dengan aplikasi lain. Untuk periksa kedua, masukkan hasil yang ditampilkan ke dalam alat warna terbalik dan bandingkan dengan input asli. HEX dan integer RGB dapat round-trip dengan tepat; persentase HSL dapat memutar saluran RGB dengan satu. Simpan token sumber jika perbedaan itu penting.