Konverter HEX ke RGB Ubah kode warna HEX menjadi nilai RGB secara instan dengan pratinjau langsung.

🎨

Konverter HEX ke RGB

Ubah kode warna HEX menjadi nilai RGB secara instan dengan pratinjau langsung.

Masukkan Kode HEX

Tulis kode warna HEX seperti #3B82F6 atau gunakan pemilih warna untuk memilih warna.

Lihat Nilai RGB

Lihat nilai saluran Merah, Hijau, dan Biru (0-255) yang diperbarui secara instan.

Salin Hasilnya

Klik Salin untuk mengambil nilai RGB dalam format css seperti rgb(59, 130, 246).

Loading tool...

What Is Konverter HEX ke RGB?

Konverter HEX ke RGB menerjemahkan kode warna heksadesimal menjadi saluran merah, hijau, dan biru yang setara. Kode HEX adalah string enam karakter (dengan tanda #) yang digunakan secara luas dalam pengembangan web, desain grafis, dan media digital. Setiap pasang digit heksadesimal mewakili satu saluran warna: dua pertama untuk merah, dua tengah untuk hijau, dan dua terakhir untuk biru. Misalnya, #FF5733 dipecah menjadi R:255, G:87, B:51. Model warna RGB adalah sistem aditif di mana warna dibuat dengan menggabungkan cahaya merah, hijau, dan biru pada intensitas yang bervariasi dari 0 hingga 255. Konversi ini sangat penting bagi pengembang yang perlu beralih antara notasi heksadesimal CSS dan fungsi rgba(), untuk desainer yang bekerja di seluruh alat yang menggunakan format warna yang berbeda, dan untuk siapa saja yang memerlukan nilai saluran warna yang tepat untuk manipulasi gambar, visualisasi data, atau perhitungan aksesibilitas. Konverter kami menangani baik singkatan 3 digit (#F00) dan kode standar 6 digit, memberikan konversi instan dengan pratinjau visual.

Why Use Konverter HEX ke RGB?

Konversi kode HEX ke nilai RGB yang presisi dengan pratayang langsung
Mendukung baik singkatan 3-digit (#F00) dan kode HEX 6-digit penuh
Pratayang warna diperbarui secara real-time saat Anda mengetik
Salin sekali klik untuk format rgb() dan komma-terpisah
Tidak perlu instalasi atau pendaftaran - berjalan sepenuhnya di browser Anda

Common Use Cases

Pengembangan CSS

Konversi warna HEX dari desain mockup menjadi nilai rgb() untuk properti CSS yang memerlukan format RGB.

Penyerahan Desain

Terjemahkan spesifikasi warna antara desainer yang bekerja dengan HEX dan pengembang yang membutuhkan nilai RGB.

Pengolahan Gambar

Dapatkan nilai saluran R, G, B individu yang diperlukan untuk manipulasi piksel di Canvas atau WebGL.

Pengujian Aksesibilitas

Ekstrak nilai RGB yang diperlukan untuk menghitung luminans relatif untuk pemeriksaan rasio kontras WCAG.

Visualisasi Data

Konversi warna HEX merek ke format RGB yang diperlukan oleh perpustakaan grafik seperti D3.js atau Chart.js.

Technical Guide

Sistem warna HEX merepresentasikan warna menggunakan notasi basis-16 (heksadesimal). Setiap saluran warna menggunakan dua digit heksadesimal, memberikan 256 nilai yang mungkin per saluran (00 hingga FF, atau 0 hingga 255 dalam desimal). Proses konversi sangat sederhana: parse setiap pasang digit heksadesimal dan ubah ke desimal. Untuk singkatan 3 digit seperti #F0A, setiap digit digandakan: FF, 00, AA. Nilai RGB yang dihasilkan dapat mengekspresikan 16.777.216 warna unik (256³). Dalam CSS, HEX dan RGB secara fungsional identik - #3B82F6 dan rgb(59, 130, 246) menghasilkan warna yang sama persis. Pilihan antara format sering bergantung pada konteks: HEX lebih kompak dan umum digunakan dalam alat desain, sedangkan RGB lebih intuitif untuk manipulasi warna programatis. Ketika bekerja dengan transparansi, HEX menggunakan karakter opsional ke-8 (#3B82F680 untuk 50% opasitas), sedangkan RGB diperluas menjadi rgba(59, 130, 246, 0,5). CSS modern juga mendukung sintaksis yang dipisahkan oleh spasi: rgb(59 130 246 / 50%). Memahami konversi ini sangat penting dalam pengembangan web, karena membentuk jembatan antara bagaimana warna ditentukan dalam alat desain dan bagaimana mereka dimanipulasi dalam kode.

Tips & Best Practices

1
Kode HEX tidak peka huruf - #3b82f6 dan #3B82F6 identik
2
Gunakan singkatan 3-digit hanya ketika setiap pasang memiliki digit yang sama: #AABBcc → #ABc
3
Untuk transparansi, tambahkan dua digit heksadesimal lagi: #3B82F680 adalah 50% opasitas
4
Nilai RGB 0,0,0 adalah hitam murni; 255,255,255 adalah putih murni
5
Nilai R, G, B yang sama menghasilkan nuansa abu-abu (misalnya rgb(128,128,128))

Related Tools

Konverter RGB ke HEX

Ubah nilai warna RGB menjadi kode HEX dengan penggeser dan pratinjau langsung.

🎨 Color Tools

Konverter HEX ke HSL

Ubah kode warna HEX menjadi nilai HSL (Hue, Satuasi, Kecerahan).

🎨 Color Tools

Konverter HEX ke CMYK

Ubah kode warna HEX menjadi nilai cetak CMYK untuk persiapan pracetak.

🎨 Color Tools

Pemilih Warna

Pemilih warna interaktif dengan output HEX, RGB, HSL, dan CMYK.

🎨 Color Tools

Visualisasi Ruang Warna

Visualisasikan warna apa pun di seluruh HEX, RGB, HSL, HSV, dan CMYK dengan grafik batang.

🎨 Color Tools

Frequently Asked Questions

Q Apa itu kode warna HEX?

Kode warna HEX adalah string 6-karakter menggunakan digit 0-9 dan huruf A-F, didahului oleh #. Ini merepresentasikan warna menggunakan model RGB di mana setiap pasang karakter menentukan intensitas Merah, Hijau, atau Biru (0-255).

Q Bagaimana saya mengonversi HEX ke RGB secara manual?

Pisahkan kode HEX menjadi tiga pasang. Konversi setiap pasang dari heksadesimal ke desimal. Contohnya, #3B = 3×16+11 = 59, #82 = 8×16+2 = 130, #F6 = 15×16+6 = 246. Hasil: rgb(59, 130, 246).

Q Apa perbedaan antara HEX dan RGB?

Mereka merepresentasikan warna yang sama dalam notasi yang berbeda. HEX menggunakan basis-16 (heksadesimal), sedangkan RGB menggunakan nilai desimal 0-255. #FF0000 dan rgb(255, 0, 0) keduanya menghasilkan merah murni.

Q Dapatkah kode HEX menyertakan transparansi?

Ya. Kode HEX 8-digit menyertakan saluran alpha: #3B82F680 di mana 80 (heksadesimal) = 128 (desimal) = ~50% opasitas. Ini setara dengan rgba(59, 130, 246, 0,5).

Q Apakah kode HEX 3-digit valid?

Ya. Kode 3-digit adalah singkatan di mana setiap digit digandakan: #F0A diperluas ke #FF00AA. Mereka hanya dapat merepresentasikan warna di mana setiap pasang saluran memiliki digit yang sama.

Q Mengapa desainer menggunakan HEX daripada RGB?

HEX lebih ringkas (7 karakter vs ~16 untuk rgb()), lebih mudah disalin-tempel, dan merupakan format default di sebagian besar alat desain seperti Figma, Sketch, dan Photoshop.

About This Tool

Konverter HEX ke RGB is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.