» Penukar Warna


Penukar warna untuk HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ dan nama warna CSS. Tukar kod warna secara langsung dan salin nilai sedia guna untuk web, reka bentuk atau cetakan.

Gunakan penukar warna ini untuk menukar HEX kepada RGB, RGB kepada HEX dan format HSL, HSV, CMYK, LAB atau OKLCH. Masukkan satu nilai dan semua format sepadan dikemas kini untuk CSS, reka bentuk digital, palet atau kerja cetakan.

Data awal

Pilih mana-mana format dan masukkan nilai; semua kod warna sepadan dikemas kini serta-merta.

Format input
Pilih format warna yang mahu anda edit secara langsung.
Menyokong #RGB, #RGBA, #RRGGBB dan #RRGGBBAA.
Contoh: tomato, rebeccapurple, royalblue, lightseagreen.
Masukkan nilai merah, hijau dan biru antara 0 hingga 255.
Gunakan alfa antara 0 hingga 1 untuk ketelusan.
Laraskan rona, ketepuan dan kecerahan untuk penyuntingan CSS.
HSLA menambah ketelusan alfa kepada HSL.
HSV menerangkan warna melalui rona, ketepuan dan nilai kecerahan.
CMYK digunakan terutamanya untuk warna percetakan.
LAB ialah ruang warna persepsi dan boleh menghasilkan warna di luar gamut skrin.
LCH memisahkan kecerahan, kroma dan rona.
OKLAB ialah ruang warna persepsi moden untuk UI dan palet.
OKLCH memudahkan pelarasan rona dan kroma secara persepsi.
XYZ ialah ruang warna rujukan untuk penukaran.
Rajah 1 Penukar warna
HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Mod warna melaraskan rona, ketepuan dan kecerahan.
Hasil
Nilai warna ditukar
Format utama
Format lain
Penukar lain
Sistem nombor

Kalkulator berkaitan

Soalan lazim penukar warna

Bagaimanakah saya menukar HEX kepada RGB?
Pilih format HEX dan masukkan kod seperti #3366CC. Penukar akan memaparkan nilai RGB serta format HSL, CMYK, LAB dan OKLCH yang sepadan secara automatik.

Apakah perbezaan RGB dan CMYK?
RGB digunakan terutamanya untuk skrin dan web, manakala CMYK digunakan untuk proses percetakan. Penukaran CMYK ialah anggaran kerana hasil cetakan sebenar bergantung pada profil warna, dakwat dan kertas.


TOP 5

exploreLihat juga: