Konverter HEX ke RGB
Pilih warna atau masukkan HEX, RGB, dan Alpha di baris atas; pratinjau serta format siap salin di bawahnya langsung berubah.
Input warna
dengan atau tanpa #; 3 atau 6 digit · RGB menerima 0–255; Alpha menerima 0–100.
Pratinjau dan hasil
Kontras komposit di atas putih
Kontras warna transparan berubah sesuai permukaan nyata di bawahnya.
Format keluaran
Harmoni warna
Warna terbaru
langsung bisa dipakai.
- Terlihat sejak awalArea input dan hasil dibuat jelas.
- Hasil lebih duluAngka utama ditaruh di depan, detail mengikuti seperlunya.
- Tidak banyak syaratTanpa akun atau data tambahan sebelum memakai alat.
Menulis satu warna dalam format yang dibutuhkan
HEX dan RGB adalah dua cara menulis kanal sRGB yang sama, bukan dua warna yang berbeda. Ubah salah satu input yang didukung dan pratinjau beserta seluruh hasil akan mengikuti warna itu.
Saat memilih hasil salin, periksa tempat penggunaannya, kebutuhan opasitas, dan keterbacaan teks di atas latar akhir.
Enam digit HEX menyimpan tiga kanal
Pada #RRGGBB, setiap dua digit adalah nilai heksadesimal merah, hijau, atau biru. RGB menulis nilai kanal yang sama sebagai angka 0 sampai 255.
Mulai dari format yang sudah tersedia
Tempel HEX dari desain atau isi kanal RGB dari kode. Tanda # boleh ada atau tidak; bentuk singkat seperti #f80 akan diperluas menjadi enam digit.
Alpha adalah opasitas
Alpha 100% membuat warna sepenuhnya solid, sedangkan 0% tidak terlihat. Kanal RGB tetap sama, tetapi latar di belakang warna transparan mengubah tampilannya.
Pilih format sesuai tempat menempelkan kode
Gunakan HEX atau RGB untuk warna solid. Gunakan HEXA atau RGBA ketika opasitas harus ikut tersimpan. HSL dan HSV membantu membaca hue serta saturation; baris CSS memberi deklarasi siap pakai.
Rasio putih dan hitam adalah pemeriksaan awal
Kartu kontras membandingkan warna latar saat ini dengan teks putih dan hitam. Kartu ini tidak menggantikan pemeriksaan ukuran, ketebalan, gambar latar, atau warna sekitar.
Swatch harmoni berawal dari hue saat ini
Warna komplementer berada di sisi berlawanan, analog berada dekat, dan triadik tersebar dalam tiga arah. Pakai saran sebagai awal lalu cek kombinasi sebenarnya.
Membaca #FF8800 sebagai RGB
#FF8800 menjadi rgb(255, 136, 0): merah penuh, sedikit hijau, dan tanpa biru. Hasilnya termasuk keluarga oranye.
Oranye dengan Alpha 50%
Untuk #FF8800 dan Alpha 50%, RGBA adalah rgba(255, 136, 0, 0.50) dan HEXA adalah #FF880080. Tampilan akhirnya bergantung pada lapisan di belakangnya.
Batas riwayat warna terbaru
Riwayat membantu memanggil lagi warna yang dipilih di browser ini. Riwayat bukan daftar berbasis akun dan tidak otomatis berpindah ke perangkat atau browser lain.
Periksa kembali sebelum menempelkan kode
Pastikan rentang kanal, opasitas, tanda baca, sintaks tujuan, dan latar sebenarnya. Konversi yang valid belum tentu menjamin teks mudah dibaca.
Memilih format hasil
- HEX: kode warna solid enam digit
- HEXA: kode HEX delapan digit dengan Alpha
- RGB dan RGBA: fungsi kanal desimal
- HSL dan HSV: cara membaca warna berdasarkan hue
- CSS: deklarasi yang dapat langsung disalin
Yang perlu dicek bersama kontras
- Apakah teks normal atau besar
- Ketebalan dan warna teks yang dipakai
- Gambar, gradasi, atau pola latar
- Transparansi di atas warna lain
Batas nilai input
- HEX menerima #, tanpa #, dan singkatan tiga digit
- Setiap kanal RGB dari 0 sampai 255
- Alpha dari 0% sampai 100%
- Untuk warna solid, pastikan Alpha 100%
Contoh: #FF8800 dengan Alpha 50%
| HEX input | #FF8800 |
|---|---|
| RGB | rgb(255, 136, 0) |
| Alpha | 50% |
| RGBA | rgba(255, 136, 0, 0.50) |
| HEXA | #FF880080 |
Pertanyaan tentang konversi kode warna
Apakah kode HEX harus memakai #?
Tidak. Alat menerima #FF8800 dan FF8800. Bentuk singkat tiga digit seperti #f80 juga diterima dan hasilnya dinormalkan menjadi HEX enam digit.
Apa hasil salin untuk Alpha 50%?
Untuk #FF8800 dengan Alpha 50%, RGBA adalah rgba(255, 136, 0, 0.50) dan HEXA adalah #FF880080.
Haruskah memakai HEXA atau RGBA?
Gunakan sintaks yang didukung tempat tujuan. Keduanya menyimpan warna dan Alpha, tetapi HEXA adalah HEX delapan digit sedangkan RGBA memakai notasi fungsi.
Apakah HSL dan HSV berbeda warna dari RGB?
Tidak. Keduanya menjelaskan warna tampilan yang sama melalui hue, saturation, dan lightness atau value.
Apakah rasio kontras saja cukup untuk menentukan aksesibilitas?
Tidak. Alat menampilkan rasio teks putih dan hitam. Periksa juga ukuran, ketebalan, latar, dan konteks penggunaan sebenarnya.
Apakah warna terbaru muncul di perangkat lain?
Tidak. Warna terbaru disimpan di browser saat ini dan tidak otomatis disinkronkan ke browser atau perangkat lain.
Sintaks warna dan ambang kontras dijelaskan oleh spesifikasi publik. Periksa format yang didukung oleh tempat tujuan.