AI di perangkat — profesional dan privat.

Konverter RGB ke HEX

RGB ke HEX sekali langkah — tepat, dapat dibalik, tanpa unggah.

  • Berjalan di perangkat Anda
  • Tepat dan dapat dibalik
  • 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)

RGBrgb(255 77 77)
HEX#FF4D4D
  • 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 memakai konverter RGB ke HEX

  1. Masukkan nilai RGB

    Atur slider atau input Merah, Hijau, dan Biru (masing-masing 0–255).

  2. Lihat hasil HEX

    Kode heksadesimal diperbarui otomatis di kolom keluaran HEX.

  3. Salin atau gunakan

    Klik Salin untuk menyalin kode HEX ke papan klip untuk CSS atau alat desain.

Mengapa mengonversi RGB ke HEX?

Mengonversi RGB ke HEX memudahkan kompatibilitas CSS, memberi representasi warna yang ringkas, membantu pengembangan web, dan berbagi warna di proyek digital.

Manfaat format HEX

  • Kompatibilitas CSS: Gunakan kode HEX langsung di CSS
  • Format ringkas: Lebih pendek daripada notasi RGB
  • Pengembangan web: Format standar untuk web
  • Berbagi mudah: Mudah dibagikan dan diingat
  • Dukungan luas: Didukung semua peramban web

RGB vs HEX: memahami perbedaannya

Memahami perbedaan RGB dan HEX membantu memilih format yang tepat.

Karakteristik RGB

  • Nilai komponen Merah, Hijau, Biru
  • Setiap komponen dari 0 hingga 255
  • Notasi lebih panjang (rgb(255, 0, 0))
  • Format standar desain digital
  • Kompatibel dengan semua alat desain

Karakteristik HEX

  • Representasi heksadesimal warna
  • Format ringkas, praktis di CSS
  • Enam karakter (#RRGGBB)
  • Umum dipakai di pengembangan web
  • Mudah dibaca dan diingat

Apakah konversi RGB ke HEX tepat?

Ya, sepenuhnya. HEX bukan model warna yang berbeda — ini tiga kanal RGB yang sama ditulis dalam basis 16, jadi tidak ada yang dibulatkan ke arah mana pun dan hasil baliknya sama persis dengan nilai awal.

  • Tiga digit atau enam — #F00 dan #FF0000 adalah warna yang sama. Bentuk pendek hanya berlaku bila kedua digit setiap kanal sama, sehingga #FF4D4D tidak punya padanan tiga digit.
  • Delapan digit membawa opasitas — #RRGGBBAA menambahkan kanal alfa sebagai byte keempat. CSS menulis alfa di akhir; Android menulisnya di awal, dan ekspor Android halaman ini sudah memperhitungkannya.
  • Huruf besar hanya kosmetik — #ff4d4d dan #FF4D4D identik bagi setiap peramban. Sakelar huruf besar ada karena sebagian besar alat desain dan panduan gaya memilih satu bentuk.
  • Nilai di luar rentang dipangkas, dan Anda diberi tahu — rgb(999 0 0) adalah CSS yang sah dan menghasilkan merah murni. Halaman ini mengonversinya dan menyebutkan kanal mana yang dipangkas, bukan melakukannya diam-diam.

Kapan mengonversi RGB ke HEX

Saat Anda butuh kompatibilitas CSS, representasi ringkas, atau format standar web.

Kasus pemakaian ideal

  • Pengembangan web: Kode HEX di CSS dan HTML
  • Penataan CSS: Menerapkan warna di stylesheet
  • Berbagi warna: Format ringkas
  • Proyek digital: HEX untuk pekerjaan berbasis web
  • Pemrograman: Kode HEX di kode dan skrip

Fakta konversi RGB ke HEX

Memahami hal ini membantu keputusan konversi.

Statistik penting

  • Kode HEX menyatakan nilai RGB dalam heksadesimal
  • Setiap digit HEX menyatakan 4 bit informasi warna
  • Nilai RGB berkisar 0–255 per komponen
  • Format HEX lebih ringkas daripada notasi RGB
  • Kedua format menyatakan informasi warna yang sama

Praktik terbaik

Ikuti panduan ini untuk hasil konversi yang optimal.

Pertimbangan kualitas

  • Periksa nilai RGB sebelum konversi
  • Gunakan rentang valid (0–255 per komponen)
  • Periksa format kode HEX untuk akurasi
  • Uji warna di aplikasi target
  • Pertimbangkan ruang warna dan batas gamut

Kapan tidak perlu mengonversi

  • Jangan konversi jika RGB sudah memenuhi kebutuhan
  • Pertahankan RGB untuk alat desain yang mensyaratkannya
  • Hindari konversi jika kompatibilitas format tidak diperlukan
  • Jangan konversi untuk aplikasi yang mendukung RGB langsung

Keterbatasan dan kompatibilitas

Konversi berjalan di perangkat; memerlukan JavaScript dan peramban modern.

Didukung algoritme pemrosesan gambar yang dioptimalkan.

Konverter warna lainnya

Pertanyaan yang sering diajukan

Bagaimana cara kerja konverter RGB ke HEX?

Atur Merah, Hijau, dan Biru dari 0 hingga 255 dengan penggeser atau kolom angka dan alat langsung mengonversi setiap nilai menjadi dua digit heksadesimal, menghasilkan kode enam digit seperti #FF5733. Pratinjau menampilkan warna dan satu klik menyalinnya ke papan klip Anda.

Apakah konversi RGB ke HEX menurunkan kualitas?

Tidak. HEX hanyalah cara basis-16 untuk menulis warna RGB 24-bit yang sama, jadi tidak ada informasi yang hilang. Setiap kanal (0-255) memetakan tepat ke pasangan dua digit (00-FF) dan Anda bisa mengubahnya kembali ke RGB dengan hasil identik.

Bisakah saya memakai kode HEX langsung di CSS?

Tentu. Keluarannya adalah heksadesimal standar #RRGGBB, yang bekerja langsung di CSS, HTML, SVG, dan hampir semua alat desain seperti Figma atau Photoshop. Tempel ke properti warna, variabel, atau sampel tanpa perubahan.

Berapa rentang yang diterima nilai RGB?

Setiap komponen (Merah, Hijau, Biru) menerima bilangan bulat dari 0 hingga 255, mewakili 8 bit per kanal dan sekitar 16,7 juta warna yang mungkin. Nilai di luar rentang ini dibatasi ke angka valid terdekat sebelum dikonversi.

Mengapa kode HEX lebih disukai untuk web?

Kode HEX ringkas, mudah dibagikan, dan didukung semua browser. Satu string #RRGGBB lebih pendek daripada notasi rgb() dan mudah disimpan dalam stylesheet, token desain, dan kode, menjadikannya standar untuk web dan UI.

Apakah alat ini gratis, privat, dan ramah seluler?

Ya. Konverter ini gratis, dan semua konversi terjadi di perangkat Anda. Alat ini bekerja offline setelah dimuat dan menyesuaikan dengan ponsel, tablet, dan desktop.

4.8dari 5

dari 412 penilaian

Beri nilai alat ini

Ketuk bintang — hanya sebentar