Apa itu pengonversi warna?
Pengonversi warna menerjemahkan satu nilai warna ke dalam format yang umum digunakan dalam desain web, CSS, sistem desain, dan catatan penyerahan. Satu warna merek mungkin disimpan sebagai HEX dalam panduan gaya, RGB dalam token desain, HSL dalam editor tema, dan CMYK dalam catatan berorientasi cetak. Alat ini menjaga representasi tersebut bersama-sama sehingga Anda dapat menyalin versi yang tepat tanpa menghitung ulang secara manual.
Konverter ini sengaja ringkas. Fokusnya pada warna web sRGB yang praktis: HEX, RGB, HSL, HSV, dan aproksimasi CMYK sederhana. Ini tidak bertujuan menggantikan perangkat lunak manajemen warna profesional atau alur kerja ICC-profile.
Format warna yang didukung
| Format | Example | Sebaiknya digunakan untuk |
|---|---|---|
| HEX | #3366FF | CSS, token desain, serah terima visual cepat |
| RGB | rgb(51, 102, 255) | Nilai CSS, kerja canvas, saluran warna untuk pemrograman |
| HSL | hsl(225, 100%, 60%) | Penyesuaian tema berdasarkan hue, saturasi, dan lightness |
| HSV | hsv(225, 80%, 100%) | Alur kerja pemilih warna (color picker) dan penyetelan visual |
| CMYK | cmyk(80%, 60%, 0%, 0%) | Catatan cetak perkiraan, bukan manajemen warna cetak akhir |
Pembatasan penting
- Keluaran CMYK dihitung dari nilai sRGB dan hanya merupakan aproksimasi.
- Warna bernama CSS, gradient, Lab, LCH, OKLCH, dan Display-P3 berada di luar cakupan ringkas v1 ini.
- Nilai alpha dapat diurai untuk bentuk HEX/RGB/HSL umum, tetapi pratinjau swatch asli menampilkan warna dasar yang tidak transparan.
- Alat desain yang berbeda mungkin membulatkan nilai HSL, HSV, atau CMYK sedikit berbeda.
Alur kerja umum
Pembersihan CSS
Tempel warna HEX dari panduan gaya dan salin RGB atau HSL untuk status komponen, palet grafik, atau variabel tema.
Serah terima desain
Simpan beberapa notasi warna bersama ketika pengembang, desainer, atau editor konten menggunakan alat yang berbeda.
Tinjauan token
Periksa apakah token warna memetakan ke hue dan saturasi yang diharapkan sebelum menggunakannya di UI publik.
Catatan cetak
Hasilkan nilai CMYK perkiraan untuk diskusi, sementara keluaran cetak akhir diserahkan pada alat yang sadar profil (profile-aware).
Pertanyaan yang Sering Diajukan
Apakah keluaran CMYK tepat?
Tidak. Nilai CMYK adalah konversi sederhana dari sRGB, berguna untuk catatan kasar. Pekerjaan cetak akhir bergantung pada kertas, tinta, pengaturan mesin cetak, dan profil ICC.
Bisakah saya menempel fungsi warna CSS?
Ya untuk sintaks fungsi RGB, HSL, HSV, dan bergaya CMYK yang umum. Ruang warna yang lebih baru seperti Lab, LCH, OKLCH, dan Display-P3 sengaja di luar cakupan alat ringkas ini.
Apakah alat ini mendukung transparansi alpha?
Alat ini dapat mengurai bentuk alpha umum seperti RGBA, HSLA, dan HEX delapan digit, tetapi swatch utama dan keluaran salinan fokus pada warna web opak yang praktis.
Mengapa nilai terkadang berbeda dari alat desain lain?
Perbedaan kecil biasanya berasal dari aturan pembulatan atau asumsi manajemen warna. Untuk warna sRGB web, perbedaan tersebut umumnya sangat kecil.
Kapan saya harus menggunakan pemeriksa kontras?
Gunakan pemeriksa kontras ketika Anda perlu membandingkan dua warna untuk keterbacaan teks. Konverter ini hanya mengubah satu warna antar format.