Pemilih & Konverter Warna

• Konversi instan real-time: setiap format diperbarui saat Anda mengubah nilai apa pun - pilih warna di kanvas, geser penggeser hue, atau ketik langsung di bidang HEX, RGB, HSL, HSV, CMYK, HWB, atau LAB mana pun. Tanpa tombol yang perlu ditekan.
• Tujuh format warna termasuk CIE LAB: konverter mendukung HEX, RGB, HSL, HSV, CMYK, HWB, dan CIE LAB - ruang warna yang seragam secara persepsi yang digunakan dalam cetak, fotografi, dan ilmu warna. Semua format dapat diedit dan disalin.
• Pemilih visual + pemeriksa kontras WCAG: kanvas saturasi-kecerahan dan penggeser hue memberi kontrol visual yang presisi. Pemeriksa kontras WCAG bawaan menampilkan status lulus/gagal AA dan AAA warna Anda pada latar belakang putih dan hitam.
• 100 % privat - tanpa unggahan: semua konversi warna terjadi lokal di browser Anda. Tidak ada data warna yang pernah dikirim ke server, disimpan, atau dicatat. Konverter berfungsi sepenuhnya offline setelah halaman dimuat.

• Pengembangan web & UI: konversi token desain antara HEX dan HSL untuk properti kustom CSS, atau dapatkan nilai RGB tepat untuk pekerjaan canvas dan WebGL. Konverter memberi Anda semua format yang dibutuhkan pengembang web di satu tempat.
• Sistem desain & warna merek: verifikasi bahwa warna merek Anda konsisten di seluruh representasi HEX (web), CMYK (cetak), dan LAB (persepsi). Gunakan konverter untuk menjaga kesetiaan warna di setiap media.
• Desain cetak & pra-cetak: konversi warna layar ke CMYK untuk produksi cetak, atau gunakan nilai CIE LAB untuk spesifikasi warna yang independen perangkat. Konverter menangani konversi sRGB ke CMYK dan sRGB ke LAB secara akurat.
• Aksesibilitas & kepatuhan WCAG: periksa rasio kontras warna latar depan Anda pada latar belakang putih dan hitam secara instan. Pemeriksa WCAG bawaan menampilkan status AA dan AAA sehingga Anda dapat memilih warna yang aksesibel tanpa meninggalkan alat.
• Fotografi & koreksi warna: gunakan nilai HSV untuk mencocokkan hue, saturasi, dan kecerahan warna dalam alur kerja pengeditan foto. Keluaran LAB konverter berguna untuk pencocokan warna persepsi di berbagai kondisi pencahayaan.
• Seni digital & ilustrasi: pilih warna dari kanvas visual dan dapatkan nilai tepatnya di setiap format untuk digunakan di Figma, Sketch, Procreate, atau alat desain lainnya. Sampel preset memberi akses cepat ke warna desain umum.

Pemilih dan konverter warna memungkinkan Anda memilih warna apa pun secara visual dan langsung melihat nilai ekivalennya di semua format warna utama. Berbagai alat dan alur kerja menggunakan representasi warna yang berbeda - pengembang web menggunakan HEX dan RGB , desainer menggunakan HSL dan HSV , profesional cetak menggunakan CMYK , dan ilmuwan warna menggunakan CIE LAB . Konverter ini menangani semua tujuh format dengan konversi akurat dan dua arah - ubah nilai apa pun dan semua nilai lain diperbarui secara instan.

Konversi terjadi dalam tiga langkah, sepenuhnya di browser Anda:

1. Pilih atau masukkan warna: gunakan kanvas saturasi-kecerahan dan penggeser hue untuk pemilihan visual, klik pemilih warna native browser, ketik kode HEX, atau masukkan nilai langsung ke bidang format mana pun (RGB, HSL, HSV, CMYK, HWB, atau LAB).
2. Konversi instan di browser: semua nilai dikonversi melalui representasi perantara RGB bersama menggunakan matematika warna yang akurat (sRGB ke XYZ ke LAB untuk format persepsi). Data warna Anda tidak pernah meninggalkan browser.
3. Salin format apa pun: klik ikon salin di samping baris format mana pun untuk menyalin nilai tersebut, atau klik «Salin semua» untuk menyalin semua format sekaligus. Keluaran variabel CSS siap ditempel langsung ke stylesheet Anda.

• HEX: notasi heksadesimal enam digit (#RRGGBB) - standar untuk HTML, CSS, dan sebagian besar alat desain.
• RGB: kanal merah, hijau, biru (0-255) - digunakan di CSS, canvas, WebGL, dan pemrosesan gambar.
• HSL: hue, saturasi, kecerahan - lebih intuitif bagi desainer; fungsi warna CSS native sejak CSS Color Level 4.
• HSV: hue, saturasi, nilai - digunakan di Photoshop, Figma, dan sebagian besar pemilih warna profesional.
• CMYK: cyan, magenta, kuning, key (hitam) - standar untuk produksi cetak dan alur kerja pra-cetak.
• HWB: hue, keputihan, kehitaman - fungsi warna CSS yang lebih baru (CSS Color Level 4) yang lebih intuitif daripada HSL untuk mencampur dengan putih/hitam.
• CIE LAB: ruang warna yang seragam secara persepsi (L* = kecerahan, a* = sumbu hijau-merah, b* = sumbu biru-kuning) - digunakan dalam ilmu warna, profil ICC, dan pencocokan warna independen perangkat.

Pemeriksa kontras WCAG menghitung luminansi relatif warna Anda dan menghitung rasio kontrasnya terhadap putih murni (#FFFFFF) dan hitam murni (#000000). Rasio 4,5:1 memenuhi WCAG 2.1 AA untuk teks normal, 3:1 memenuhi AA untuk teks besar dan komponen UI, dan 7:1 memenuhi AAA untuk teks normal. Gunakan ini untuk memastikan warna teks Anda dapat diakses oleh pengguna dengan penglihatan rendah.