Skip to content
Alat GratisDesign

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 gratis

Fitur

1

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.

2

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.

3

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.

4

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.

Cara menggunakan

1

Masukkan nilai warna

Ketikkan kode HEX (dengan atau tanpa simbol #) atau masukkan nilai RGB sebagai tiga angka dari 0 hingga 255.

2

Lihat hasilnya

Bidang format sebaliknya diperbarui secara otomatis. Contoh pratinjau menunjukkan warnanya.

3

Menyalin

Klik tombol salin di samping nilai atau cuplikan CSS apa pun. Bersulang mengonfirmasi teks ada di papan klip Anda.

Spesifikasi

Format masukanHEX (3, 6, 8 digit), RGB, RGBA
Format keluaranHEX, RGB, RGBA
Dukungan alfaYa (HEX8, RGBA)
cuplikan CSSwarna, latar belakang, batas
PratinjauContoh langsung
PengolahanSisi 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 gratis