Penukar Kod Warna

Semua alat

Tukar warna antara HEX, RGB, RGBA, HSL, HSLA, HSV dan CMYK — pilih warna, laras alfa, dan salin sebarang format serta-merta.

#FFFFFF
Saluran
R
G
B
Format warna

Taip sebarang nilai HEX, RGB(A) atau HSL(A) dan setiap format lain dikemas kini dengan segera.

Palet pantas

Panduan format warna

HEX ialah kod heksadesimal 6 digit seperti #3B82F6 yang menyimpan saluran merah, hijau dan biru (setiap satu 00–FF). Ia cara paling lazim untuk menetapkan warna dalam HTML dan CSS.

HEX 8 digit seperti #3B82F6CC menambah sepasang digit terakhir untuk kelegapan (alfa). Gunakannya untuk warna lutsinar dalam CSS moden tanpa nilai rgba() berasingan.

RGB menetapkan warna daripada nilai merah, hijau dan biru 0–255, cth. rgb(59, 130, 246). Ia sepadan dengan cara skrin memancarkan cahaya dan sesuai untuk web serta reka bentuk digital.

RGBA ialah RGB dengan saluran alfa dari 0 (lutsinar) hingga 1 (legap), cth. rgba(59, 130, 246, 0.5). Gunakannya untuk lapisan tindih, bayang dan kesan hover.

HSL menggambarkan warna melalui rona (0–360°), ketepuan dan kecerahan, cth. hsl(217, 91%, 60%). Ia intuitif untuk melaras warna dan membina palet secara manual.

HSLA ialah HSL ditambah saluran alfa untuk kelegapan, cth. hsla(217, 91%, 60%, 0.5). Ia menggabungkan kebolehbacaan HSL dengan kawalan ketelusan.

HSV, juga dipanggil HSB, menggunakan rona, ketepuan dan nilai (kecerahan), cth. hsv(217, 76%, 96%). Inilah model di sebalik pemilih warna kebanyakan perisian reka bentuk.

CMYK ialah model penolakan dengan peratus sian, magenta, kuning dan hitam (key), cth. cmyk(76%, 47%, 0%, 4%). Ia standard percetakan, jadi sahkan warna penting dengan profil pencetak anda.

Guna HEX atau RGB untuk laman web, dan tambah alfa (RGBA, HSLA atau HEX 8 digit) apabila perlu ketelusan. Pilih HSL atau HSV untuk mereka bentuk palet, dan CMYK semasa menyediakan fail cetakan.
Kongsi ini
Alat Berkaitan
Pencari Warna Bernama Cari warna CSS bernama yang paling hampir dan warna Tailwind yang paling dekat untuk sebarang warna — dipadankan secara perseptual, dengan nilai sedia salin. Percuma
Pemilih Warna Skrin Sampel sebarang piksel pada skrin anda dengan penitis mata, atau pilih warna dari imej yang dilepaskan, dan kumpulkan ke dalam palet sedia salin. Percuma
Pemadan Warna Pantone Cari mana-mana kod Pantone solid-coated untuk membaca nilai HEX, RGB dan CMYK-nya, atau masukkan warna HEX/RGB dan cari padanan Pantone terdekat serta-merta — semuanya dalam pelayar anda. Percuma
Skrin Biru Penuh Penuhi seluruh skrin anda dengan biru tulen untuk menguji saluran sub-pixel biru dan mendedahkan piksel mati pada medan berwarna. Percuma dan berjalan dalam pelayar anda. Percuma
Pemeriksa Kontras Warna Semak nisbah kontras WCAG antara warna teks dan latar belakang — lihat gred lulus/gagal AA/AAA untuk teks biasa, teks besar dan komponen UI, dengan pratonton langsung dan cadangan warna aksesibel. Percuma
Skrin Hitam Penuh Penuhi seluruh skrin anda dengan hitam tulen — sesuai untuk mengesan piksel tersangkut yang terang, memeriksa kebocoran lampu latar atau sebagai latar gelap tanpa gangguan. Percuma. Percuma
Carian popular
penukar kod warna hex ke rgb rgb ke hex hex ke hsl tukar format warna penukar warna dalam talian
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.