Warna HSL ke RGB

Membuat saluran dari HSL

Ubah rona, saturasi, dan kecerahan HSL menjadi nilai kanal RGB bilangan bulat. Gunakan arah ini ketika warna desain dinyatakan sebagai rona dan dua persentase, tetapi alat lain memerlukan kanal merah, hijau, dan biru. Masukkan hsl(210, 70%, 50%) atau tiga nilai yang sama dengan pemisah koma. Rona dinyatakan dalam derajat dan berulang setiap 360°; saturasi serta kecerahan masing-masing berada dalam rentang 0% sampai 100%.

Rona memilih sektor pada roda warna; kroma dan kecerahan menentukan tiga kanal RGB, lalu setiap kanal dibulatkan menjadi bilangan bulat. Algoritme menghitung kroma dari saturasi dan kecerahan, menempatkannya pada sektor rona, lalu menambahkan nilai dasar untuk memperoleh merah, hijau, dan biru. Nilai kanal dibatasi dari 0 hingga 255. Rona 360° berimpit dengan 0°. Ketika saturasi 0%, keluaran menjadi abu-abu tanpa bergantung pada rona.

Mengerti model warna

Sebelum menggunakan hasil dalam perangkat lunak yang meminta saluran integer, verifikasi bahwa persentase input berarti saturasi dan cahaya dalam urutan itu. Hasilnya tidak memiliki saluran alfa; alat ini menggunakan integer RGB dan HSL konvensional, bukan profil manajemen warna. Pilih bentuk yang diharapkan oleh tempat di mana Anda akan menempelkan hasil. CSS menerima baik heks dan rgb() atau hsl() sintaks, tetapi sistem desain atau program grafis dapat menyimpan saluran secara terpisah. Alat ini menggunakan aritmatika sRGB biasa; tidak mengubah antara profil tampilan atau memprediksi bagaimana setiap monitor akan mereproduksi warna. Baik tiga-channel HEX maupun RGB dan HSL keluaran ini tidak menyertakan transparansi. Kode alfa empat atau delapan digit membutuhkan operasi terpisah. Saluran RGB integer dan desimal HSL yang ditampilkan juga dapat dibulatkan, sehingga perjalanan pulang-pergi dapat berbeda dengan nilai satu saluran.

Memilih representasi yang benar

Pada saturasi nol, mengubah rona tidak dapat mengubah keluaran abu-abu; pada cahaya nol setiap rona yang valid menjadi hitam. Pada cahaya penuh setiap rona menjadi putih. Pemeriksaan endpoint ini lebih dapat diandalkan daripada menilai pra-lihat kecil saja. Saluran yang dihitung dibulatkan menjadi bilangan bulat, sehingga RGB-to-HSL pass yang kemudian mungkin tidak mereproduksi setiap desimal dari persentase asli. Pertahankan sumber HSL jika Anda berencana untuk tetap mengedit warna atau saturasi dalam sistem desain.

Untuk cek konkret, contoh input hsl(210, 70%, 50%) menghasilkan rgb(38, 128, 217). 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 membulatkan kanal RGB dengan satu. Simpan token sumber jika perbedaan itu penting.