Konverter HEX ke RGB Gratis - Konverter Kode Warna & Alat Pemilih

Konversi kode warna HEX ke RGB, HSL, dan CMYK secara instan. Termasuk pemilih warna visual untuk desainer dan pengembang.

Konverter HEX ke RGB

Laporkan Masalah

Menemukan bug atau punya saran untuk Konverter HEX ke RGB Gratis - Konverter Kode Warna & Alat Pemilih? Beritahu kami!

Kecerahan
Tipe

Pratinjau Kontras

Aa — Lorem ipsum

Aa — Lorem ipsum

RGB

HSL

CMYK

HEX8 / RGBA

CSS

Cara Mengonversi HEX ke RGB

Alat ini membaca kode warna HEX dan menampilkan warna yang sama dalam format RGB, HSL, CMYK, serta nilai HEX/RGBA 8 digit, lengkap dengan pratinjau warna langsung, pratinjau kontras, dan tingkat kecerahan yang dipersepsikan. Anda mengetik atau menempel kode, atau memilih warna secara visual, dan semua format diperbarui bersamaan.

Cara Kerja Konversi

Kode HEX 6 digit terbagi menjadi tiga pasangan 2 digit, masing-masing angka heksadesimal dari 00 hingga FF (0 hingga 255 dalam desimal) untuk merah, hijau, dan biru. Pada bentuk singkat 3 digit, setiap angka digandakan lebih dulu, jadi #1A9 menjadi #11AA99 sebelum pembagian yang sama diterapkan. Dari tiga nilai RGB ini, HSL dihitung dari rata-rata kanal paling terang dan paling gelap untuk kecerahan, selisih di antara keduanya untuk saturasi, dan urutan kanal untuk hue. CMYK dihitung sebagai referensi dengan mencari K dari kanal terbesar di antara ketiganya, lalu menyesuaikan cyan, magenta, dan kuning berdasarkan itu. Kecerahan yang dipersepsikan menggunakan bobot ITU-R BT.601, yaitu R dikali 299 ditambah G dikali 587 ditambah B dikali 114, dibagi 1000; hasil di atas 128 ditandai Terang, di bawahnya Gelap, dan nilai ini juga menentukan warna teks pada pratinjau kontras. Kolom yang sama juga mengenali string rgb(r, g, b) yang diketik langsung menggantikan kode HEX, dan setiap pilihan dari pemilih warna memperbarui kolom HEX secara otomatis. Jika kode tidak dapat diuraikan, alat ini menampilkan pesan kesalahan tepat di bawah kolom input, bukannya menebak warna. Setiap nilai yang dikonversi memiliki tombol salin tersendiri yang sebentar berubah menjadi tanda centang setelah diklik, sehingga Anda bisa menyalin hanya string RGB, CMYK, atau baris CSS tanpa menyentuh yang lain.

Contoh Perhitungan

Ambil #118AB2. Pasangannya memberi R=17, G=138, B=178, yaitu RGB(17, 138, 178). Rata-rata kanal paling terang dan paling gelap memberi kecerahan 38%, selisihnya memberi saturasi 83%, dan hue jatuh di 195 derajat, digabung menjadi HSL(195, 83%, 38%). Nilai RGB yang sama memberi cmyk(90%, 22%, 0%, 30%) pada rumus CMYK. Bentuk 8 digitnya adalah #118AB2FF, dan baris CSS-nya adalah color: #118AB2;. Kecerahan mencapai 106 dari 255, di bawah ambang 128, sehingga alat ini menandai warna tersebut Gelap dan beralih ke teks putih pada pratinjau kontras.

Contoh Keluaran

Input:  #118AB2

Output: {
  "rgb":  "rgb(17, 138, 178)",
  "hsl":  "hsl(195, 83%, 38%)",
  "cmyk": "cmyk(90%, 22%, 0%, 30%)",
  "hex8": "#118AB2FF",
  "css":  "color: #118AB2;"
}

Pertanyaan yang Sering Diajukan