Konverter HEX ke RGB

Konversi warna antara heksadesimal, RGB, dan HSL dengan pemilih warna, empat format CSS, dan pratinjau kontras yang sinkron saat Anda mengetik.

Konversi warna terjadi secara lokal di browser Anda. Tidak ada yang dikirim ke mana pun.

Konverter

1
Format CSS
HEX—
RGB—
RGBA—
HSL—
HSLA—
Pratinjau kontras
Teks contoh
Teks contoh

Cara kerja

Ketiga notasi menggambarkan tripel bilangan bulat yang sama, dan alat ini menyimpan satu keadaan kanonik — R, G, B 0–255 plus alfa — lalu merender ulang setiap tampilan darinya. Heksadesimal hanyalah byte yang ditulis basis 16, jadi konversi itu pemaketan, bukan matematika.

Pemaketan HEX
#RRGGBB menulis tiap kanal merah, hijau, dan biru dengan dua digit heksadesimal: 37 menjadi 25, jadi rgb(37, 99, 235) adalah #2563EB. Bentuk singkat #abc berarti #aabbcc dan diterima; bentuk 8 digit menambahkan byte alfa (#2563EB80 ≈ 50 %).
RGB → HSL
Skalakan kanal ke 0–1, ambil cmax dan cmin, lalu L = (cmax + cmin) / 2 dan S = (cmax − cmin) / (1 − |2L − 1|), yang bernilai 0 untuk abu-abu. Hue adalah sudut kanal terbesar — bila merah yang terbesar, H = 60° × ((G − B) / Δ mod 6) — sehingga hue warna bertahan setiap penyesuaian terang berikutnya.
HSL → RGB
Perjalanan baliknya: C = (1 − |2L − 1|) × S adalah kroma, X = C × (1 − |(H/60 mod 2) − 1|), pilih sektor roda warna, lalu tambahkan m = L − C/2 ke tiap kanal. Alat ini menulis kedua arah secara manual — tanpa jalan pintas parsing CSS — dan membulatkan secara konsisten, jadi hsl → rgb → hsl kembali dalam selisih satu satuan.

Pertanyaan yang sering diajukan

Mengapa desainer lebih memilih HSL daripada RGB?

Karena kanal HSL menjawab tiga pertanyaan yang benar-benar orang tanyakan tentang warna: hue apa, sepadu apa seterang apa. Menurunkan status hover jadi minus 8 % lightness, palet tonal jadi satu hue dengan terang bertingkat, dan memudarkan peringatan ke abu-abu tinggal menekan satu angka ke nol. Di RGB suntingan yang sama butuh coba-coba karena kanal-kanalnya mencampur hue dan terang.

Pakai rgba() atau heksa 8 digit seperti #RRGGBBAA?

Keduanya jalan di semua browser modern — heksa 8 digit hadir bersama dukungan CSS Color Level 4 (Chrome/Safari/Edge sudah bertahun-tahun, Firefox 49+). rgba() punya ekor kompatibilitas lebih panjang dan masih jadi keluaran kebanyakan panduan gaya dan prapemroses. Alat ini menampilkan keduanya supaya cocok dengan konvensi proyek Anda; catat urutannya R-G-B-A, jangan A di depan.

Apa itu "web-safe colors" dan mengapa istilahnya masih muncul?

Layar awal 1990-an hanya menampilkan 256 warna, jadi desainer membatasi palet ke 6×6×6 = 216 warna dengan kanal RGB kelipatan 51 (#33, #66, #99, #CC, #FF). Palet itu lolos dari dithering layar 256 warna. Layar modern membuatnya usang kecuali untuk pixel art retro — sebabnya #FF6600 masih terdengar sebagai oranye web "klasik".

Mengapa pemilih warna mengabaikan geseran alfa?

Elemen native input type=color tidak mengenal transparansi — hasilnya selalu #RRGGBB pekat. Karena itu alfa adalah geseran terpisah yang hanya memengaruhi string keluaran RGBA dan HSLA; contohan dan pratinjau kontras sengaja merender warna sepenuhnya pekat.

Apakah ada yang diunggah ke server?

Tidak. Penguraian, matematika RGB↔HSL, dan setiap string keluaran dihitung oleh beberapa puluh baris JavaScript di browser Anda. Tidak ada warna yang Anda ketik keluar dari halaman, dan konverter tetap bekerja tanpa jaringan.