Konverter Warna HEX ke RGB dan HSL

Kode warna Bisa HEX (3 atau 6 digit), RGB, atau HSL

HEX

—

RGB

—

HSL

—

Cara menggunakan alat ini

Ketik atau tempel kode warna dalam format HEX, RGB, atau HSL.
Ketiga format langsung ditampilkan.
Salin kode HEX dengan tombol Salin, atau ketik format lain dari hasil.

Tiga cara menulis warna di layar

Desainer dan developer web sering berpindah antara tiga format warna yang sama-sama menggambarkan warna layar:

HEX: kode enam digit heksadesimal, misalnya #FF5733. Dua digit pertama untuk merah, dua berikutnya hijau, dan dua terakhir biru.
RGB: tiga angka 0 sampai 255 untuk merah, hijau, dan biru, misalnya rgb(255, 87, 51).
HSL: hue (sudut warna 0 sampai 360), saturasi (kepekatan), dan lightness (kecerahan), misalnya hsl(11, 100%, 60%). Format ini mudah untuk membuat variasi lebih terang atau lebih gelap.

Contoh konversi

Kode #FF5733 berarti merah FF = 255, hijau 57 = 87, biru 33 = 51, sehingga RGB-nya adalah (255, 87, 51). Dalam HSL, warna ini berada pada hue sekitar 11 derajat (oranye kemerahan), saturasi 100 persen, dan kecerahan 60 persen.

Format yang diterima

HEX dengan atau tanpa tanda #, 3 digit (#F53 sama dengan #FF5533) atau 6 digit.
RGB dengan atau tanpa kata rgb, misalnya 255 87 51 atau rgb(255, 87, 51).
HSL, misalnya hsl(11, 100%, 60%).

Karena pembulatan, mengonversi HSL ke HEX lalu kembali ke HSL kadang bergeser satu angka. Itu wajar karena HSL dibulatkan ke bilangan bulat. Konversi berjalan di browser Anda tanpa mengirim data.

Pertanyaan yang sering diajukan

Bagaimana cara mengubah HEX ke RGB?

Pisahkan kode HEX menjadi tiga pasang digit, lalu ubah tiap pasang dari heksadesimal ke desimal. Contoh FF = 255, 57 = 87, dan 33 = 51.

Apakah kode HEX tiga digit didukung?

Ya. Tiap digit digandakan, sehingga #F53 setara dengan #FF5533.

Apa kegunaan HSL dibanding RGB?

HSL memudahkan membuat warna lebih terang atau gelap hanya dengan mengubah kecerahan tanpa mengubah warna dasarnya.

Berapa rentang nilai RGB?

Setiap komponen merah, hijau, dan biru bernilai 0 sampai 255.

Mengapa hasil HSL kadang berbeda sedikit?

Karena nilai HSL dibulatkan ke bilangan bulat sehingga konversi bolak-balik dapat bergeser satu angka.

Alat ini disediakan hanya untuk tujuan informasi dan perkiraan. Hasilnya tidak boleh dianggap sebagai nasihat profesional di bidang keuangan, pajak, hukum, medis, atau teknik. Selalu verifikasi perhitungan penting dengan profesional berkualifikasi atau sumber resmi sebelum mengambil keputusan.