AI di perangkat — profesional dan privat.

Konverter HEX ke RGB

HEX ke RGB seketika — semua bentuk hex terbaca, tanpa unggah.

  • Berjalan di perangkat Anda
  • Membaca 3, 4, 6, dan 8 digit
  • Juga HSL, OKLCH, LAB, dan CMYK

Jatuhkan stylesheet atau berkas token

CSS, SCSS, SASS, LESS, JSON, SVG, atau TXT — hingga 10.0 MB

#FF4D4D

Nama warna terdekat: tomato (Keluarga yang sama, jarak 6.4)

HEX#FF4D4D
RGBrgb(255 77 77)
  • HEX#FF4D4D
  • RGBrgb(255 77 77)
  • HSLhsl(0 100% 65.1%)
  • HWBhwb(0 30.2% 0%)
  • HSVhsv(0 69.8% 100%)Bukan CSS
  • CMYKcmyk(0% 69.8% 69.8% 0%)Bukan CSS
  • LABlab(59.906 67.771 41.299)
  • LCHlch(59.906 79.363 31.36)
  • OKLABoklab(0.673 0.19441 0.09082)
  • OKLCHoklch(0.673 0.21457 25.04)
  • Display P3color(display-p3 0.9239 0.3574 0.3319)
  • XYZ D65color(xyz-d65 0.45232 0.27107 0.09872)

Kontras

Di atas putih3.27:1
Aa
  • AA normalGagal
  • AA besarLulus
  • AAA normalGagal
  • AAA besarGagal
Di atas hitam6.42:1
Aa
  • AA normalLulus
  • AA besarLulus
  • AAA normalGagal
  • AAA besarLulus
Di atas warna Anda3.27:1
  • AA normalGagal
  • AA besarLulus
  • AAA normalGagal
  • AAA besarGagal

Nuansa lulus terdekat — #E22D35 mencapai 4.51:1 terhadap warna pembanding Anda.

Penglihatan warna

Bagaimana warna ini terlihat oleh orang dengan tiap jenis defisiensi penglihatan warna.

  • Penglihatan umum
  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Tanpa penglihatan warna
Apa yang Anda konversi?
Nilai warna

Semua sintaks warna CSS, ditambah cmyk() dan hsv().

Sunting kanal dalam

Nilai yang Anda ketik di sini tetap bertahan, bahkan ketika warnanya tidak punya hue untuk menampilkannya.

Bandingkan dengan
Ekspor
Ekspor sebagai
Warna terbaru
Warna yang Anda konversi akan muncul di sini.

Cara menggunakan

  1. Masukkan HEX

    Contoh #FF0000 atau gunakan pemilih warna.

  2. Lihat RGB

    R, G, dan B (0–255) dihitung otomatis.

  3. Salin

    Salin tiap saluran atau string rgb() lengkap.

Mengapa ke RGB?

Untuk alat yang membutuhkan saluran numerik terpisah.

Manfaat RGB

  • Web: rgb() di CSS dan JS
  • Kontrol: saluran R, G, B
  • Desain: didukung luas
  • Manipulasi warna: Lebih mudah mengatur tiap kanal warna
  • Dukungan universal: Didukung semua platform dan alat digital

HEX dan RGB

Informasi warna sama, notasi berbeda.

HEX

  • Ringkas untuk CSS
  • Format #RRGGBB
  • Format enam digit (#RRGGBB)
  • Umum dipakai dalam pengembangan web
  • Mudah dibaca dan diingat

RGB

  • Tiga nilai 0–255
  • Model layar
  • Kontrol warna lebih presisi
  • Format standar untuk desain digital
  • Kompatibel dengan semua alat desain

Semua bentuk hex yang dibaca halaman ini

Kode hex muncul dalam lebih banyak bentuk daripada yang diterima kebanyakan konverter. Halaman ini menerima semuanya, dengan atau tanpa tanda pagar di depan, dalam campuran huruf besar dan kecil apa pun.

  • #RGB dan #RRGGBB — Bentuk tiga digit menggandakan setiap digit, jadi #ABC berarti #AABBCC. Bentuk ini tidak bisa menyatakan kanal yang kedua digitnya berbeda.
  • #RGBA dan #RRGGBBAA — Kanal keempat untuk opasitas. #ABCD sama dengan #AABBCCDD, dan byte alfa menjadi 0-1 dalam istilah CSS: DD adalah 0,867, bukan 221.
  • Kode dengan panjang lain ditolak — #fffff punya lima digit dan bukan warna. Membacanya sebagai tiga atau enam digit pertama akan diam-diam mengubah sesuatu yang tidak pernah ditulis.
  • Karakter non-hex disebutkan, bukan diabaikan — #gggggg gagal dengan pesan yang menyebut karakter mana yang bukan digit heksadesimal, bukan jatuh ke warna hitam.

Kapan mengonversi

Saat target meminta RGB.

Contoh penggunaan

  • Kode: alur berbasis RGB
  • Perangkat lunak desain: Konversi untuk dipakai di aplikasi desain
  • Manipulasi warna: Menyesuaikan tiap kanal warna
  • Proyek digital: Memastikan warna tampil akurat
  • Pemrograman: Memakai nilai RGB dalam kode dan skrip

Fakta

Ringkasan singkat.

Poin penting

  • HEX menyandikan bit warna yang sama dengan RGB
  • Setiap digit HEX mewakili 4 bit informasi warna
  • Nilai RGB berkisar 0 sampai 255 pada tiap komponen
  • Format HEX lebih ringkas daripada notasi RGB
  • Kedua format membawa informasi warna yang sama

Praktik baik

Pastikan akurat.

Kualitas

  • Periksa format HEX
  • Gunakan kode HEX yang sah (6 digit dengan awalan #)
  • Periksa ketepatan nilai RGB
  • Uji warna di aplikasi tujuan
  • Perhatikan ruang warna dan batas gamut

Kapan tidak perlu

  • Jika CSS tetap memakai HEX
  • Pertahankan HEX untuk CSS dan web bila memang sesuai
  • Hindari konversi bila kompatibilitas format tidak diperlukan
  • Jangan konversi untuk aplikasi yang sudah mendukung HEX

Batasan

Peramban modern dengan JavaScript diperlukan.

Didukung algoritme pemrosesan gambar yang dioptimalkan.

Konverter warna lainnya

Pertanyaan yang sering diajukan

Bagaimana cara kerja konverter HEX ke RGB?

Ketik kode HEX seperti #FF0000 atau pilih warna secara visual, dan alat memisahkan hex menjadi saluran merah, hijau, dan biru. Setiap pasang digit heksadesimal diubah menjadi nilai desimal dari 0 hingga 255, lalu hasil RGB dan pratinjau warna langsung diperbarui seketika saat Anda mengetik.

Format HEX apa saja yang didukung?

Alat menerima kode hex standar 6 digit seperti #FF5733, dengan atau tanpa tanda # di depan, sehingga Anda bisa menempel nilai langsung dari CSS atau alat desain. Banyak kode singkat 3 digit seperti #F53 juga dikenali dan diperluas ke bentuk 6 digit penuh sebelum dikonversi.

Apakah konversi HEX ke RGB akurat dan tanpa kehilangan data?

Ya. HEX dan RGB adalah dua notasi untuk warna 24-bit yang sama persis, jadi konversinya presisi secara matematis tanpa pembulatan atau kehilangan kualitas. Setiap saluran merah, hijau, dan biru dipetakan langsung ke nilai 0 hingga 255, dan Anda bisa kembali ke HEX tanpa pergeseran.

Apakah warna saya tetap privat?

Ya. Seluruh konversi berjalan lokal di perangkat Anda memakai JavaScript, sehingga kode HEX dan nilai RGB yang Anda pakai tidak pernah diunggah ke server atau disimpan di mana pun. Tidak ada yang meninggalkan perangkat Anda, sehingga warna merek dan proyek tetap sepenuhnya privat.

Bisakah saya menyalin nilai RGB untuk CSS?

Ya. Anda bisa menyalin tiap nilai merah, hijau, dan biru secara terpisah atau mengambil string rgb() lengkap dengan satu klik, siap ditempel ke CSS, HTML, atau perangkat lunak desain. Format rgb() berfungsi langsung di stylesheet, jadi tidak perlu format ulang.

Apakah alat ini gratis dan berfungsi di ponsel?

Ya. Konverter HEX ke RGB sepenuhnya gratis tanpa tanda air atau batas, dan berjalan di perangkat modern mana pun di desktop, tablet, dan ponsel. Karena pemrosesan di perangkat Anda, alat tetap berfungsi pada koneksi tidak stabil setelah halaman dimuat.

4.8dari 5

dari 398 penilaian

Beri nilai alat ini

Ketuk bintang — hanya sebentar