Konverter HEX ke RGB
Konversikan kode warna HEX apa pun ke nilai RGB dan RGBA secara instan - tanpa tombol yang perlu ditekan. Mendukung format HEX 3 digit (#RGB), 6 digit (#RRGGBB), 4 digit (#RGBA), dan 8 digit (#RRGGBBAA) dengan transparansi alfa. Dilengkapi pratinjau warna langsung, bilah kanal, dan salin sekali klik untuk semua format keluaran. Sepenuhnya privat, 100% gratis, dan tanpa pendaftaran.
Sample Colors
Formats: #RGB #RRGGBB #RGBA #RRGGBBAA
RGB / RGBA Values
Mengapa menggunakan konverter HEX ke RGB kami?
- Konversi HEX ke RGB instan: Konverter memperbarui semua nilai RGB pada setiap penekanan tombol - tanpa tombol yang perlu ditekan. Masukkan warna HEX apa pun dan dapatkan RGB, RGBA, nilai per kanal, dan ekuivalen desimal secara instan. Pemilih warna bawaan juga tersedia untuk pemilihan visual.
- Semua format HEX didukung: Konverter HEX ke RGB mendukung format HEX 3 digit (#RGB), 4 digit (#RGBA), 6 digit (#RRGGBB), dan 8 digit (#RRGGBBAA). Alat ini juga menghasilkan HEX3 bentuk pendek bila berlaku dan HEX8 8 digit dengan kanal alfa.
- 100% privat - tanpa unggahan: Semua konversi terjadi secara lokal di browser Anda. Nilai warna Anda tidak pernah meninggalkan perangkat dan tidak pernah dikirim ke server mana pun - aman untuk proyek klien dan sistem desain milik sendiri.
- Gratis dan tanpa batas: Konversikan warna tanpa batas tanpa pendaftaran, langganan, dan batas penggunaan. Konverter HEX ke RGB sepenuhnya gratis selamanya tanpa iklan yang menghalangi antarmuka.
Kasus penggunaan umum konverter HEX ke RGB
- CSS dan pengembangan frontend: Pengembang frontend menggunakan konverter HEX ke RGB untuk mengonversi token desain dari HEX ke RGB pada properti CSS yang memerlukan format RGB, seperti box-shadow, text-shadow, dan gradien. Format RGB juga penting untuk manipulasi warna melalui API Canvas dan WebGL.
- Penyerahan dan implementasi desain: Saat menerjemahkan desain Figma atau Sketch menjadi kode, pengembang menggunakan konverter HEX ke RGB untuk mendapatkan nilai RGB tepat yang diperlukan React Native, Flutter, dan framework lain yang menggunakan model warna RGB numerik alih-alih string HEX.
- Aplikasi seluler dan lintas platform: Pengembang seluler menggunakan konverter HEX ke RGB untuk mengonversi warna HEX dari spesifikasi desain menjadi nilai RGB yang diperlukan iOS (UIColor), Android (Color.parseColor), React Native, Flutter, dan Xamarin.
- Aksesibilitas dan analisis kontras: Spesialis aksesibilitas menggunakan konverter HEX ke RGB untuk mengekstrak nilai kanal RGB individual yang diperlukan untuk perhitungan rasio kontras WCAG, memastikan kombinasi warna latar depan dan latar belakang memenuhi kepatuhan AA atau AAA.
- Manipulasi dan pencampuran warna: Desainer dan pengembang menggunakan konverter HEX ke RGB saat memanipulasi warna secara terprogram - ruang warna RGB memudahkan pencampuran, interpolasi, dan operasi matematis warna dibandingkan HEX.
- Cetak dan penerbitan digital: Desainer cetak menggunakan konverter HEX ke RGB untuk mencocokkan warna web pada publikasi digital. Meskipun percetakan menggunakan CMYK, versi digital dari materi cetak sering memerlukan nilai RGB akurat yang sesuai dengan maksud desain HEX asli.
Apa itu konversi HEX ke RGB?
Konversi HEX ke RGB mengubah kode warna heksadesimal menjadi komponen merah-hijau-biru (RGB) yang setara. Warna HEX seperti #FF6B6B merepresentasikan kanal merah sebagai FF (255), hijau sebagai 6B (107), dan biru sebagai 6B (107). Konverter HEX ke RGB kami melakukan konversi ini secara instan, mendukung format HEX 3, 4, 6, dan 8 digit termasuk transparansi alfa.
Cara kerja konverter HEX ke RGB kami
- Masukkan warna HEX Anda: Ketik atau tempel nilai HEX (misalnya #FF6B6B, #F6B, atau #FF6B6B80). Anda juga dapat menggunakan sampel pemilih warna bawaan untuk memilih warna apa pun secara visual. Semua pemrosesan berjalan lokal di browser Anda - nilai warna Anda tidak pernah meninggalkan perangkat Anda.
- Nilai RGB diperbarui secara instan: Saat Anda mengetik atau memilih, nilai RGB, RGBA, per kanal, representasi desimal, dan nilai persentase semuanya diperbarui secara waktu nyata. Sampel warna dan bilah kanal memberikan pratinjau visual dari warna yang dikonversi.
- Salin nilai apa pun: Klik tombol Salin di samping baris keluaran atau kartu format mana pun untuk menyalin nilai tertentu, atau gunakan "Salin Semua Nilai" untuk menyalin data warna lengkap sekaligus.
Format warna HEX dijelaskan
- #RGB (3 digit): Notasi singkat di mana setiap digit hex digandakan. Misalnya, #F6B diperluas menjadi #FF66BB. Gunakan untuk CSS ringkas saat presisi warna memungkinkan.
- #RRGGBB (6 digit): Format HEX standar dengan dua digit hex per kanal (00-FF). Ini adalah format paling umum dalam desain web, menawarkan 16,7 juta kemungkinan warna.
- #RGBA (4 digit): Singkatan yang menyertakan kanal alfa. Setiap digit digandakan - #F6B8 berarti R=FF, G=66, B=BB, A=88 (opasitas 53%).
- #RRGGBBAA (8 digit): Format HEX lengkap dengan alfa. Dua digit terakhir merepresentasikan kanal alfa (00 = transparan, FF = sepenuhnya opak). Dukungannya di browser CSS modern semakin meningkat.
HEX versus RGB - kapan menggunakan masing-masing format
HEX adalah format warna paling ringkas dan paling banyak digunakan dalam pengembangan web. Format ini ideal untuk deklarasi CSS, atribut HTML, dan menyalin warna dari alat desain seperti Figma, Sketch, atau Adobe XD. HEX adalah format standar untuk token warna di sebagian besar sistem desain.
RGB lebih disukai saat Anda perlu memanipulasi warna secara terprogram - untuk operasi API Canvas, shader WebGL, interpolasi warna, atau pemrosesan warna matematis apa pun. RGB juga diperlukan oleh banyak framework pemrograman seperti React Native, Flutter, dan pengembangan native iOS/Android. Konverter HEX ke RGB memudahkan perpindahan antar format ini untuk alur kerja apa pun.
Pertanyaan yang Sering Diajukan
Konverter HEX ke RGB mengubah kode warna heksadesimal (seperti #FF0000) menjadi nilai numerik RGB (merah, hijau, biru) yang setara. Konverter HEX ke RGB kami mendukung semua format HEX umum - 3 digit (#RGB), 4 digit (#RGBA dengan alfa), 6 digit (#RRGGBB), dan 8 digit (#RRGGBBAA dengan alfa). Alat ini juga menyediakan nilai RGBA, representasi desimal, dan nilai persentase untuk setiap kanal.
Cukup ketik atau tempel nilai warna HEX Anda (dengan atau tanpa prefiks #) ke bidang masukan. Konverter HEX ke RGB langsung menampilkan nilai RGB dan RGBA yang setara. Misalnya, memasukkan #FF6B6B menghasilkan rgb(255, 107, 107). Anda juga dapat menggunakan pemilih warna bawaan untuk memilih warna secara visual.
Konverter HEX ke RGB mendukung empat format: #RGB 3 digit (misalnya #F6B), #RGBA 4 digit (misalnya #F6B8), #RRGGBB 6 digit (misalnya #FF66BB), dan #RRGGBBAA 8 digit (misalnya #FF66BB88). Saat Anda memasukkan HEX bentuk pendek, konverter memperluasnya ke ekuivalen 6 digit penuh dan menampilkan versi singkatnya bila tersedia.
Ya. Semua konversi terjadi 100% di sisi klien di browser Anda menggunakan JavaScript. Nilai warna Anda tidak pernah dikirim ke server mana pun, tidak pernah disimpan, dan tidak pernah dikirim ke mana pun. Konverter HEX ke RGB sepenuhnya privat dan memproses semuanya secara lokal di perangkat Anda.
RGB adalah singkatan dari merah-hijau-biru dan mendefinisikan warna menggunakan tiga nilai (masing-masing 0-255). RGBA menambahkan kanal alfa yang mengontrol opasitas (0 = sepenuhnya transparan, 1 = sepenuhnya opak). Konverter HEX ke RGB kami menghasilkan kedua format, sehingga Anda dapat menggunakan rgb() untuk warna solid dan rgba() saat memerlukan transparansi.
Ya. Konverter HEX ke RGB 100% gratis tanpa pendaftaran, tanpa fitur premium, dan tanpa batas penggunaan. Konversikan warna tanpa batas tanpa batasan atau biaya tersembunyi. Tidak ada iklan yang menghalangi antarmuka.
Meskipun alat ini berfokus pada konversi HEX ke RGB, Anda juga dapat menggunakannya untuk mengonversi RGB kembali ke HEX dengan memasukkan ekuivalen HEX dari nilai RGB Anda. Untuk konversi RGB ke HEX khusus dengan fitur tambahan seperti saran warna komplementer, lihat rangkaian lengkap alat konversi warna kami.
Representasi desimal menampilkan nilai RGB sebagai angka yang dipisahkan koma (misalnya 255, 107, 107). Representasi persentase menampilkan setiap kanal sebagai persentase dari 255 (misalnya 100%, 42%, 42%). Kedua format berguna dalam berbagai konteks pemrograman dan alur kerja manipulasi warna.