Konversi RGB ke HEX
Ubah nilai RGB jadi kode warna hex.
Jalan di browser kamu. Apa pun yang kamu ketik tidak dikirim ke mana pun.
- Tempel rgb() atau rgba()
- Hex 8 digit dengan alpha
- Terupdate saat kamu mengetik
Cara convert RGB ke HEX
- Tempel nilai rgb() atau rgba(), atau ketik tiap channel-nya.
- Atur alpha di bawah 1 supaya dapat kode hex 8 digit juga.
- Salin kode hex-nya.
Contoh RGB ke hex
| RGB | Hex | Catatan |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Konversi standar |
| rgb(0, 0, 0) | #000000 | Hitam |
| rgba(255, 136, 0, 0.5) | #FF880080 | Alpha menambah 2 digit |
| 255, 136, 0 | #FF8800 | Angka biasa juga jalan |
Bagaimana alpha jadi digit hex
Kalikan alpha dengan 255, bulatkan ke bilangan bulat terdekat, lalu tulis sebagai dua digit hex di akhir kode.
| Alpha | Akhiran hex |
|---|---|
| 1 (solid) | tidak perlu |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (tidak terlihat) | 00 |
Di mana hex 8 digit berfungsi
- CSS menerima #RRGGBBAA di semua browser terbaru: Chrome, Firefox, Safari, dan Edge.
- Atribut fill dan stroke SVG juga menerima hex 8 digit di browser modern.
- Beberapa image editor dan tool desain lama hanya membaca hex 6 digit dan membuang atau menolak pasangan alpha-nya, jadi simpan juga salinan hex 6 digit solid untuk kasus itu.
FAQ RGB ke HEX
Bagaimana cara convert RGB ke HEX secara manual?
Tulis tiap channel sebagai angka basis 16 dua digit dan gabungkan. rgb(255, 136, 0) jadi FF, 88, dan 00, sehingga #FF8800.
Bagaimana opacity ditulis dalam hex?
Kalikan alpha dengan 255, bulatkan, lalu tulis sebagai dua digit hex di akhir. Alpha 0,5 jadi 80, sehingga rgba(255, 136, 0, 0.5) adalah #FF880080.
Format apa saja yang bisa aku tempel?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), yang lebih baru rgb(255 136 0 / 50%), dan angka biasa seperti 255, 136, 0. Kode hex juga bisa.
Apakah #ff8800 berbeda dari #FF8800?
Tidak, huruf besar atau kecil tidak berpengaruh pada warna hex. Centang Huruf besar kalau style guide kamu lebih suka huruf kapital.
Bisakah aku ketik nama warna seperti orange, bukan angka?
Tidak. Konverter ini hanya membaca nilai numerik rgb(), rgba(), dan hex, karena mencocokkan 148 nama warna bawaan CSS butuh tabel lookup sendiri.
Kenapa kode hex-ku berubah sedikit setelah aku mengetik persentase?
Channel persentase seperti rgb(94% 53% 0%) dikonversi ke langkah terdekat dari 256 langkah per channel, jadi pembulatan bisa menggeser hasilnya 1 angka di beberapa channel.
Apakah channel alpha dibulatkan dengan cara yang sama di semua browser?
Ya. Perhitungan di sini, kalikan dengan 255 lalu bulatkan ke bilangan bulat, itu standar dan menghasilkan 2 digit hex yang sama di browser mana pun, karena halaman ini melakukan konversinya sendiri, bukan mengandalkan API browser yang mungkin berbeda-beda.
Bisakah aku convert warna dengan alpha berbasis persen, seperti 50%?
Bisa. rgba(255, 136, 0, 50%) dan yang lebih baru rgb(255 136 0 / 50%) sama-sama jalan, selain sintaks desimal lama 0 sampai 1 untuk alpha.