Color Tools

Konverter HEX ke RGB

Gunakan konverter HEX ke RGB online gratis ini untuk menghitung nilai merah, hijau, dan biru yang tepat dari kode warna heksadesimal. Masukkan kode 3 digit (#FFF) atau 6 digit (#FFFFFF) untuk mendapatkan nilai RGB, RGBA, dan persentase langsung di browser.

Alpha Opacity (Transparency)1
Quick Presets:
Format warna HEX tidak valid.

Mengapa menggunakan alat ini?

Mengapa menggunakan alat ini?

Format warna berbeda-beda di stylesheet web, perangkat lunak grafis, dan alat cetak. Mengonversi kode HEX secara manual memakan waktu dan rentan kesalahan. Alat web ini menyediakan konversi cepat untuk desain, pemrograman, dan penataan gaya.

Cara menggunakannya

Cara menggunakannya

  1. Langkah 1

    Masukkan Kode HEX

    Ketik atau tempel kode HEX 3 digit (#FFF), 6 digit (#FFFFFF), atau 8 digit ke kolom masukan.
  2. Langkah 2

    Sesuaikan Opasitas (Opsional)

    Geser kontrol alfa atau edit nilai RGB jika menggunakan mode dua arah.
  3. Langkah 3

    Salin Format yang Diinginkan

    Klik tombol salin untuk mendapatkan nilai RGB, RGBA, CMYK, atau cuplikan kode CSS untuk proyek Anda.

Memahami Konversi Heksadesimal ke RGB

Kode warna heksadesimal menggunakan notasi angka basis 16 untuk mewakili intensitas cahaya merah, hijau, dan biru. Kode HEX standar 6 digit terdiri dari tiga pasangan dua digit, dari 00 hingga FF (0 hingga 255 dalam desimal). Konverter HEX ke RGB membantu menjaga kecocokan warna secara tepat di CSS web dan perangkat lunak penyunting gambar.

Mode Dua Arah dan Keluaran Berbagai Format

Desain digital modern memerlukan konversi kode HEX ke berbagai format CSS. Selain bilangan bulat RGB standar, konverter HEX ke RGBA mendukung nilai transparansi alfa melalui slider opasitas. Anda juga dapat beralih ke mode RGB ke HEX atau melihat RGB persentase dan nilai CMYK untuk kebutuhan cetak.

Penjelasan fitur

Konversi Berbagai Format

Konversi HEX ke RGB, RGBA dengan transparansi alfa, RGB persentase, dan nilai ruang warna CMYK secara instan.

Konverter Dua Arah

Beralih dengan mudah antara mode konversi HEX ke RGB dan RGB ke HEX dengan sekali klik.

Kontrol Opasitas Bawaan

Mendukung kode HEX 8 digit (#RRGGBBAA) dengan slider alfa langsung untuk mengatur opasitas secara presisi.

Pembuat Cuplikan Kode

Dapatkan cuplikan siap salin yang diformat untuk variabel CSS, objek JavaScript, tuple Python, dan Tailwind CSS.

Untuk apa alat ini dapat digunakan?

Desain Web dan Penataan CSS

Konversi kode HEX web ke fungsi CSS rgb() atau rgba() saat menambahkan lapisan opasitas pada latar.

Penyesuaian Grafis untuk Cetak

Konversi palet warna HEX ke nilai CMYK saat menyiapkan grafis digital untuk dicetak.

Pengembangan Perangkat Lunak

Buat konstanta warna terformat untuk aplikasi seluler, rendering canvas, atau desain game.

Informasi alat

Jenis alatKonverter Kode Warna
Format masukanHex (#333, #333333, #33333380), bilangan bulat RGB
Format keluaranRGB, RGBA, RGB persentase, CMYK, cuplikan kode
Lokasi pemrosesanJavaScript sisi klien di browser
Dukungan browserChrome, Firefox, Safari, Edge, dan browser seluler
Perlu akunTidak

Manfaat

  • Konversi cepat berbasis browser tanpa permintaan ke server.
  • Perluasan otomatis kode HEX singkat 3 digit (#FFF -> #FFFFFF).
  • Penjelasan yang jelas dengan rumus matematika yang tepat.
  • Pengalaman penggunaan yang dioptimalkan untuk layar ponsel dan satu ibu jari.

Batasan

  • Warna heksadesimal secara ketat dipetakan ke ruang warna sRGB.
  • Konversi CMYK merupakan representasi algoritmis dan dapat sedikit berbeda bergantung pada kalibrasi profil cetak fisik.

Keamanan di Sisi Browser

Semua pembacaan dan konversi warna dilakukan langsung di browser lokal. Data tidak disimpan, dilacak, atau dikirim melalui jaringan eksternal.

Privasi Terjaga

Masukan Anda tetap privat. Pilihan warna Anda tidak dilacak atau disimpan.

Tips

  • Anda boleh menghilangkan simbol # di awal saat menempel nilai; konverter akan menambahkannya secara otomatis.
  • Gunakan slider opasitas untuk mengekspor nilai RGBA transparan langsung ke file CSS.

Pertanyaan umum

Bagaimana rumus konversi HEX ke RGB bekerja?

Setiap pasangan pada kode HEX 6 digit mewakili merah, hijau, dan biru. Alat ini mengubah nilai heksadesimal 00 hingga FF menjadi angka desimal 0 hingga 255. Contohnya, #FF0000 menjadi RGB(255, 0, 0).

Apakah konverter ini mendukung kode HEX 3 digit?

Ya. Kode 3 digit seperti #F00 otomatis diperluas menjadi format 6 digit yang setara (#FF0000) sebelum nilai RGB dihitung.

Bisakah saya mengonversi HEX ke RGBA dengan transparansi?

Bisa. Gunakan opsi konverter HEX ke RGBA untuk menyesuaikan slider opasitas alfa dan mengekspor nilai rgba(r, g, b, opasitas) ke stylesheet web.

Bagaimana cara mengonversi HEX ke RGB persentase?

Konverter otomatis menghitung persentase setiap kanal warna dari 0 hingga 100%, selain nilai bilangan bulat standar.

Apakah alat ini mendukung konversi dua arah (RGB ke HEX)?

Ya. Ubah sakelar mode di bagian atas antarmuka untuk mengonversi angka desimal RGB kembali ke kode heksadesimal.