Ubah kode warna HEX ke RGB dan sebaliknya
Ketikkan kode HEX seperti #FF5733 dan langsung lihat padanan RGB — rgb(255, 87, 51). Atau masukkan nilai RGB dan dapatkan kode HEX. Contoh warna langsung diperbarui saat Anda mengetik, dan tombol sekali klik menyalin nilai dalam format yang Anda perlukan untuk CSS, alat desain, atau dokumentasi.
Gunakan alat ini gratisBrowser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
Cara menggunakan
Masukkan nilai warna
Ketikkan kode HEX (dengan atau tanpa simbol #) atau masukkan nilai RGB sebagai tiga angka dari 0 hingga 255.
Lihat hasilnya
Bidang format sebaliknya diperbarui secara otomatis. Contoh pratinjau menunjukkan warnanya.
Menyalin
Klik tombol salin di samping nilai atau cuplikan CSS apa pun. Bersulang mengonfirmasi teks ada di papan klip Anda.
Fitur
Konversi dua arah
Masukkan kode HEX untuk mendapatkan RGB, atau masukkan nilai RGB untuk mendapatkan HEX. Kedua bidang diperbarui secara real-time saat Anda mengetik, tanpa perlu mengeklik tombol konversi.
Contoh warna hidup
Contoh pratinjau besar menampilkan warna yang Anda masukkan. Ini diperbarui secara instan sehingga Anda dapat memastikan secara visual warnanya sesuai dengan yang Anda harapkan.
Cuplikan keluaran CSS
Siapkan kode CSS untuk properti warna, warna latar belakang, dan warna batas dalam format HEX dan RGB. Salin cuplikan apa pun dengan satu klik.
Dukungan saluran alfa
Masukkan kode HEX 8 digit atau nilai RGBA agar berfungsi dengan transparansi. Alat ini mengubah saluran alfa secara akurat antara dua format.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai EnhanceSpesifikasi
| Format masukan | HEX (3, 6, 8 digit), RGB, RGBA |
| Format keluaran | HEX, RGB, RGBA |
| Dukungan alfa | Ya (HEX8, RGBA) |
| cuplikan CSS | warna, latar belakang, batas |
| Pratinjau | Contoh langsung |
| Pengolahan | Sisi klien (instan) |
Related Magic Eraser Tools
Pertanyaan umum
Apa perbedaan antara kode HEX 3 digit dan 6 digit?
+
Kode HEX 3 digit seperti #F53 adalah singkatan dari #FF5533 — setiap digit digandakan. Alat ini menerima kedua formulir dan selalu menampilkan kode 6 digit lengkap untuk kejelasan.
Bisakah saya memasukkan kode HEX tanpa simbol #?
+
Ya. Alat ini mengenali nilai HEX dengan atau tanpa hash terdepan. Ini akan menambahkan # ke output secara otomatis.
Bagaimana cara mengonversi warna dengan transparansi?
+
Gunakan kode HEX 8 digit dengan dua digit terakhir mewakili alfa (misalnya #FF573380 untuk opasitas 50%) atau masukkan empat nilai RGBA. Alat ini mengubah saluran alfa antara kedua format.
Bekerja dengan warna merek di foto?
AI Enhance dapat menyesuaikan warna foto agar sesuai dengan palet merek Anda. Dapatkan nilai RGB yang tepat di sini, lalu gunakan sebagai referensi saat menyempurnakan fotografi produk.
Cobalah secara gratisMore free tools
Explore our other limited free edits after sign-in photo and image tools.
Rancang gradien linier, radial, dan kerucut dengan beberapa perhentian warna. Salin kode CSS atau unduh sebagai gambar PNG. Tidak perlu mendaftar.
Konversi warna antara format bernama HEX, RGB, HSL, HSB, CMYK, dan CSS. Lihat pratinjau langsung, salin nilai apa pun, dan ekspor kartu warna. Tidak perlu mendaftar.
Pilih warna apa pun dari gambar yang diunggah dan dapatkan kode HEX, RGB, dan HSL secara instan. Buat palet dari foto untuk desain web, pencitraan merek, dan ilustrasi.
Upload foto dan ekstrak 5-10 warna dominan dengan kode HEX, RGB, dan HSL. Salin contoh, ekspor sebagai variabel ASE atau CSS. Tidak perlu mendaftar.
Hasilkan kode QR untuk URL, teks, kredensial WiFi, dan vCard. Sesuaikan warna, tambahkan logo tengah, dan unduh sebagai PNG atau SVG. Tidak perlu mendaftar.
Hitung lebar, tinggi, atau rasio aspek untuk gambar dan video. Masukkan dua nilai apa pun dan dapatkan nilai ketiga. Rasio preset untuk media sosial, film, dan media cetak. Tidak perlu mendaftar.