Konversi warna: HEX, RGB, HSL, HSV, CMYK

Masukkan warna dalam format apa pun – misalnya #3B82F6, rgb(59, 130, 246), hsl(217, 91%, 60%) atau cmyk(76%, 47%, 0%, 4%). Alat konversi warna ini mengenali formatnya sendiri dan menampilkan warna yang sama dalam semua notasi lainnya.

Cara menghitung

Bagaimana konversi warna dihitung?

Semua format menggambarkan warna yang sama dalam ruang warna sRGB, standar untuk layar dan web. Titik awalnya selalu nilai RGB dengan tiga kanal antara 0 dan 255:

HEX menulis ketiga kanal sebagai bilangan heksadesimal dua digit: 59 → 3B, 130 → 82, 246 → F6, jadi #3B82F6. Bentuk singkat #RGB menggandakan tiap digit (#FA0 = #FFAA00); digit ke-4 atau ke-8 menyatakan opasitas.
HSL (hue, saturation, lightness) dan HWB (hue, whiteness, blackness) dihitung dengan rumus dari CSS Color Module Level 4.
HSV (disebut juga HSB) memakai hue yang sama dengan HSL; V adalah kanal terbesar, S = (maks − min) ÷ maks.
CMYK dihitung dengan rumus sederhana: K = 1 − maks(R, G, B), C = (1 − R − K) ÷ (1 − K), dan seterusnya.

Contoh #3B82F6: R = 59/255 = 0,231, G = 0,510, B = 0,965. Nilai terbesar 0,965, terkecil 0,231. Lightness L = (0,965 + 0,231) ÷ 2 = 59,8%, saturasi S = (0,965 − 0,231) ÷ (1 − |2 × 0,598 − 1|) = 91,2%, hue H = 217,2°. Hasilnya: hsl(217.2, 91.2%, 59.8%).

Mengapa CMYK hanya perkiraan?

Tinta cetak berperilaku berbeda dari cahaya: nilai CMYK mana yang paling mendekati warna layar bergantung pada kertas, metode cetak, dan jumlah tinta. Sifat-sifat ini disimpan dalam profil warna ICC. Rumus di sini tidak mengenal profil apa pun – misalnya untuk biru murni hasilnya “cmyk(100%, 100%, 0%, 0%)”, yang saat dicetak tampak jauh lebih ungu. Untuk bahan cetak, gunakan nilai dari percetakan atau lakukan konversi di program desain dengan profil percetakan.

Pembulatan

RGB dan HEX berupa bilangan bulat sehingga tepat. HSL, HSV, dan HWB ditampilkan dengan satu desimal, CMYK dalam persen bulat. Pemisah desimal pada nilai adalah titik agar bisa langsung ditempel ke CSS.

Pertanyaan umum

Bagaimana cara konversi warna HEX ke RGB?

Setiap dua digit adalah satu kanal dalam sistem heksadesimal: #3B82F6 → 3B = 3 × 16 + 11 = 59, 82 = 8 × 16 + 2 = 130, F6 = 15 × 16 + 6 = 246. Hasilnya: rgb(59, 130, 246).

Apa itu kode warna HEX?

Kode yang menuliskan kanal merah, hijau, dan biru sebuah warna dalam bilangan heksadesimal; setelah tanda # ada dua digit untuk tiap kanal. #FF0000 adalah merah murni, #FFFFFF putih, #000000 hitam. Ini notasi warna yang paling umum di situs web dan program desain seperti Canva.

Bagaimana konversi warna RGB ke CMYK?

Bagi tiap kanal dengan 255, lalu K = 1 − nilai terbesar, C = (1 − R − K) ÷ (1 − K), M dan Y dengan cara yang sama. Contoh rgb(59, 130, 246) menghasilkan kira-kira cmyk(76%, 47%, 0%, 4%). Nilai ini hanya perkiraan tanpa profil warna ICC.

Apakah nilai CMYK bisa langsung dipakai untuk cetak?

Hanya sebagai patokan kasar. Konversi dilakukan tanpa profil warna ICC. Yang menentukan adalah profil percetakan Anda; mintalah nilai CMYK yang tepat dari sana atau konversikan di program desain dengan profil cetak.

Apa perbedaan HSL dan HSV?

Keduanya memakai hue yang sama. Pada HSL, lightness 100% selalu putih dan 50% warna murni; pada HSV, value 100% adalah versi paling terang dari warna itu, dan putih dicapai dengan menurunkan saturasi ke 0%. Program desain sering menyebut HSV sebagai “HSB”.

Penulisan apa saja yang dikenali?

HEX 3, 4, 6, atau 8 digit (dengan atau tanpa #), rgb()/rgba() juga dengan persen, hsl()/hsla() dengan deg, turn, rad, atau grad, hsv()/hsb(), hwb(), cmyk() dalam persen, serta tiga angka polos sebagai RGB. Penulisan dengan koma maupun spasi (CSS Color 4) sama-sama berfungsi.

Sumber dan dasar hukum

CSS Color 4, § 5.2: W3C – CSS Color Module Level 4: RGB hex notation
CSS Color 4, § 7: W3C – CSS Color Module Level 4: HSL colors
CSS Color 4, § 8: W3C – CSS Color Module Level 4: HWB colors

Diperbarui: 27 September 2026

Pratinjau warna

Hasil