Konversi warna antara HEX, RGB, RGBA, HSL, HSLA, HSV, dan CMYK — pilih warna, atur alfa, dan salin format apa pun secara instan.

#FFFFFF
Saluran
R
G
B
Format warna

Ketik nilai HEX, RGB(A), atau HSL(A) apa pun dan setiap format lainnya diperbarui secara instan.

Palet cepat

Panduan format warna

HEX adalah kode heksadesimal 6 digit seperti #3B82F6 yang menyimpan kanal merah, hijau, dan biru (masing-masing 00–FF). Ini cara paling umum mendefinisikan warna di HTML dan CSS.

HEX 8 digit seperti #3B82F6CC menambahkan sepasang digit terakhir untuk opasitas (alfa). Gunakan untuk warna transparan di CSS modern tanpa nilai rgba() terpisah.

RGB menetapkan warna dari nilai merah, hijau, dan biru 0–255, mis. rgb(59, 130, 246). Sesuai dengan cara layar memancarkan cahaya dan ideal untuk web serta desain digital.

RGBA adalah RGB dengan kanal alfa dari 0 (transparan) hingga 1 (buram), mis. rgba(59, 130, 246, 0.5). Gunakan untuk lapisan, bayangan, dan efek hover.

HSL menggambarkan warna lewat rona (0–360°), saturasi, dan kecerahan, mis. hsl(217, 91%, 60%). Intuitif untuk menyetel warna dan membuat palet secara manual.

HSLA adalah HSL ditambah kanal alfa untuk opasitas, mis. hsla(217, 91%, 60%, 0.5). Menggabungkan keterbacaan HSL dengan kontrol transparansi.

HSV, juga disebut HSB, memakai rona, saturasi, dan nilai (kecerahan), mis. hsv(217, 76%, 96%). Inilah model di balik pemilih warna pada sebagian besar perangkat lunak desain.

CMYK adalah model subtraktif dengan persentase sian, magenta, kuning, dan hitam (key), mis. cmyk(76%, 47%, 0%, 4%). Ini standar cetak, jadi pastikan warna penting dengan profil percetakan Anda.

Gunakan HEX atau RGB untuk situs web, dan tambahkan alfa (RGBA, HSLA, atau HEX 8 digit) bila perlu transparansi. Pakai HSL atau HSV untuk merancang palet, dan CMYK saat menyiapkan berkas cetak.


Pencarian populer
konverter kode warna hex ke rgb rgb ke hex hex ke hsl konversi format warna konverter warna online
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.