Tidak suka iklan? Pergi Bebas Iklan Hari ini 

Pengubah Ruang Warna Terpadu

WarnaPengembangGambar

IKLAN · HAPUS?

MEMASUKKAN

Proses Otomatis

KELUARAN

Sisi klien

Pratinjau

Semua Ruang Warna

HEKSAGON

Bahasa Inggris: RGB

Bahasa Inggris HSL

HSV / HSB

CMYK

CIE LAB

LCH

CIE XYZ (D65)

Oklab

Nama CSS Terdekat

IKLAN · HAPUS?

Memandu

Pengubah Ruang Warna Terpadu

Tempel nilai warna dalam format apa pun yang umum dan segera lihat representasinya di sembilan ruang warna secara samping. Konverter mendeteksi secara otomatis HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ, Oklab, dan nama warna CSS, lalu menghitung representasi lainnya menggunakan koreksi gamma sRGB dan titik putih standar D65. Pratinjau warna secara langsung dan tombol salin untuk setiap nilai membuatnya alat cepat untuk desainer, pengembang, tim cetak, dan siapa saja yang membutuhkan kolorimetri yang akurat tanpa harus menghitung sendiri.

Cara Penggunaan

Masukkan atau tempel nilai warna ke dalam Nilai Warna field. Format apa pun yang umum bekerja: #464aff, rgb(70, 74, 255), hsl(238, 100%, 64%), lab(45 35 -85), oklab(0.5 0.1 -0.05), cmyk(72%, 71%, 0%, 0%), atau nama CSS seperti cornflowerblue.
Secara opsional, geser picker warna native untuk memilih warna secara visual; picker dan field teks tetap sinkron.
Format input yang dideteksi ditampilkan sebagai badge di pratinjau. Semua ruang warna lainnya diisi secara otomatis.
Klik ikon salin di samping setiap output untuk menyalin representasi tersebut ke clipboard.
Itu Nama CSS Terdekat field menampilkan nama warna standar CSS terdekat serta jarak ΔE76 untuk keputusan cepat dalam pembuatan palet.

Fitur

Sembilan ruang warna sekaligus – HEX, RGB, HSL, HSV/HSB, CMYK, CIE LAB, LCH, CIE XYZ (D65), dan Oklab secara samping.
Deteksi otomatis input – Tempel format apa pun dan parser akan mengidentifikasinya, termasuk format modern lab(), lch(), oklab(), dan nama warna CSS.
Kolorimetri akurat – Kode/decode gamma sRGB, matriks Bradford yang sesuai dengan D65, dan matriks Oklab oleh Björn Ottosson untuk hasil yang sesuai secara persepsi.
Tampilan pra-visualisasi langsung – Lihat warna yang dihasilkan secara tepat bersama dengan string HEX dan RGB saat Anda mengetik.
Nama warna CSS terdekat – Pencarian ΔE76 terhadap daftar nama warna CSS penuh untuk label visual cepat.
Salin sekali klik – Setiap baris output memiliki tombol salin sehingga Anda dapat memindahkan nilai langsung ke file desain atau kode.
Matematika sepenuhnya berbasis klien – Semua perhitungan berjalan secara lokal di browser Anda; tidak ada nilai warna yang dikirim ke server.

 Tanya Jawab Umum

Perbedaan apa yang ada antara CIE LAB dan Oklab?

CIE LAB telah menjadi standar ruang warna yang seragam sejak 1976 dan banyak digunakan dalam cetak dan ilmu warna. Oklab, yang diperkenalkan oleh Björn Ottosson pada tahun 2020, disesuaikan secara khusus untuk memperbaiki kelemahan LAB terkait keuniforman warna, terutama di rentang biru. Oklab umumnya menghasilkan gradasi yang lebih halus dan rotasi warna yang lebih dapat diprediksi, yang merupakan alasan mengapa CSS Color Level 4 mempromosikannya untuk pekerjaan warna modern di web.
Mengapa warna yang sama memiliki nilai berbeda di LAB dan XYZ?

CIE XYZ menggambarkan warna dalam tiga primer imajiner yang mencakup rentang warna manusia, dengan nilai yang berhubungan secara linear dengan intensitas cahaya. CIE LAB adalah transformasi non-linear dari XYZ yang dirancang untuk menjadi hampir seragam secara persepsi, sehingga jarak numerik yang sama di LAB lebih sesuai dengan perbedaan yang dilihat oleh manusia. Keduanya menggambarkan warna yang sama, tetapi XYZ dirancang untuk perhitungan ilmu warna, sedangkan LAB dirancang untuk mengukur perbedaan persepsi.
Mengapa CMYK hanya merupakan perkiraan?

Output CMYK yang benar tergantung pada jenis tinta, kertas, dan printer yang digunakan, yang tercatat dalam profil ICC. Perkiraan CMYK yang bebas perangkat, seperti yang dihasilkan oleh alat ini, menerapkan model pengurangan sederhana di atas sRGB dan mengabaikan proses pencetakan fisik. Ini berguna untuk konversi kasar tetapi tidak boleh menggantikan soft proof melalui profil ICC tujuan ketika akurasi penting.
Apa arti nilai ΔE yang terletak di samping nama warna CSS terdekat?

ΔE (delta E) adalah angka tunggal yang menyimpulkan seberapa berbeda dua warna terlihat oleh pengamat manusia dalam ruang warna LAB. ΔE76 adalah rumus asli tahun 1976 dan yang dilaporkan oleh alat ini. Sebagai panduan kasar, nilai ΔE di bawah 1 hampir tidak terlihat, di bawah 2 hampir tidak terlihat dalam perbandingan samping, dan di atas 10 jelas merupakan warna yang berbeda.
Mengapa beberapa nilai LAB atau Oklab menghasilkan hasil RGB yang terpotong?

LAB, LCH, Oklab, dan XYZ dapat menggambarkan warna yang berada di luar gamut sRGB, yang berarti mereka tidak dapat ditampilkan secara akurat di layar standar. Ketika nilai RGB yang dihasilkan akan jatuh di bawah 0 atau di atas 255, alat ini membatasi setiap saluran ke dalam rentang yang dapat ditampilkan. Warna yang terlihat adalah pendekatan terdekat dalam gamut yang dapat ditampilkan, bukan reproduksi yang akurat dari warna asli yang berada di luar gamut.