Apa yang dilakukan alat ini
Konverter warna membantu menerjemahkan nilai dengan cepat antara format HEX, RGB, RGBA, dan HSL untuk CSS, desain, dan antarmuka. RGBA mendukung channel alpha untuk transparansi.
Cara menggunakan
- Masukkan warna dalam format HEX, RGB, RGBA, atau HSL.
- Tinjau nilai yang dikonversi dan pratinjau warna.
- Salin format yang diperlukan dengan tombol di sisi kanan kolom.
Format yang didukung
Konverter menerima format CSS umum: HEX, HEX pendek, RGB, RGBA, dan HSL. Alat menampilkan nilai setara dan pratinjau agar warna mudah dibandingkan antara desain, kode, dan dokumentasi.
Alpha dan pembulatan
RGBA mendukung transparansi dengan alpha 0 sampai 1 atau persen. Saat konversi, terutama HSL, perbedaan kecil dapat muncul karena pembulatan; untuk design system pilih satu format kanonis.
Batas antarmuka
Alat ini tidak memeriksa kontras, aksesibilitas, profil warna, atau wide gamut. Gunakan untuk CSS dan token cepat, lalu cek WCAG, state hover/focus, dan keterbacaan secara terpisah.
Saat memindahkan warna dari desain ke CSS, bawa juga konteksnya: latar, state komponen, dan tujuan penggunaan. Nilai warna bisa terlihat benar di swatch kecil, tetapi gagal sebagai teks, garis tipis, atau state disabled di atas latar lain.
Untuk token desain, pilih satu format kanonis dan dokumentasikan kapan alpha dipakai. Konversi bolak-balik antara HEX, RGB, dan HSL dapat menimbulkan pembulatan kecil yang menyulitkan review dan perbandingan visual.