Konversi sebuah warna antara HEX, RGB, HSL, HSV dan CMYK dengan sinkronisasi dua arah langsung, di browser Anda.
Setiap warna di layar sebenarnya hal fisik yang sama — sejumlah cahaya merah, hijau dan biru — tetapi desainer, pengembang dan percetakan menggambarkannya dalam bahasa yang berbeda. HEX ringkas dan universal di CSS; RGB adalah data kanal mentahnya; HSL dan HSV menggambarkan warna seperti cara orang memikirkannya, yakni sebagai rona ditambah seberapa pekat dan seberapa terang; CMYK menggambarkan empat tinta yang dibubuhkan mesin cetak di atas kertas. Konverter ini menyimpan satu warna di memori dan menampilkannya dalam kelima bahasa itu sekaligus.
Secara internal setiap masukan dinormalisasi ke RGB terlebih dahulu. Pembacaan HEX memperluas bentuk singkat tiga digit (#fff menjadi #ffffff) dan mengabaikan pasangan alfa bila Anda menempelkannya. HSL dan HSV memakai model kroma standar: kroma berasal dari saturasi yang dipadukan dengan lightness atau value, komponen sekundernya berasal dari posisi rona di dalam sektor 60°-nya, dan sebuah offset konstan mengangkat hasilnya ke tingkat kecerahan yang tepat. CMYK memakai konversi layar klasik, di mana hitam adalah satu dikurangi kanal terbesar dan setiap tinta adalah sisa jarak menuju hitam itu. Pembacanya sengaja dibuat permisif — koma, spasi, garis miring dan tanda persen semuanya opsional, jadi rgb(255 0 0), 255,0,0 dan #f00 mendarat pada warna yang persis sama.
Penggunaan yang umum: mengubah HEX merek menjadi HSL yang diminta sebuah variabel CSS, membaca RGB yang diminta alat desain, atau memperoleh perkiraan CMYK untuk diserahkan ke percetakan. Yang terakhir itu perlu peringatan. CMYK di layar selalu berupa perkiraan: pencetakan sungguhan bergantung pada profil ICC mesin cetaknya, set tintanya dan jenis kertasnya, dan warna layar yang pekat — terutama biru dan hijau cerah — tidak punya padanan tinta yang persis. Perlakukan CMYK di sini sebagai titik awal, bukan sebagai bukti cetak. Tidak ada yang Anda ketik diunggah: seluruh konversinya berjalan dengan JavaScript di perangkat Anda.
HEX adalah notasi heksadesimal dari tiga byte RGB. HSL → RGB: kroma C = (1 − |2L − 1|) × S, sekunder X = C × (1 − |(H/60) mod 2 − 1|), offset m = L − C/2; tripel (C, X, 0) diputar sesuai sektor rona 60° dan m ditambahkan ke ketiga kanalnya. HSV → RGB memakai C = V × S dan m = V − C. RGB → CMYK: K = 1 − max(R, G, B) dan setiap tinta = (1 − kanal − K) / (1 − K).
HEX dengan atau tanpa # (#fff, #ffffff, 3498db), rgb() dan rgba(), hsl() dan hsla(), hsv() atau hsb(), cmyk(), serta sekitar tiga puluh nama warna CSS yang umum seperti red, teal atau crimson. Pemisahnya fleksibel: koma, spasi dan garis miring semuanya bisa dipakai.
Tidak — anggap saja sebagai perkiraan. Konversi di sini memakai rumus layar standar dan mengabaikan profil warna, sementara mesin cetak sungguhan memakai profil ICC yang bergantung pada tinta, kertas dan mesinnya. Tanyakan profil apa yang dipakai percetakan Anda sebelum memutuskan sebuah nilai.
Keduanya berangkat dari sudut rona yang sama tetapi menggambarkan kecerahan secara berbeda. Pada HSL, lightness 50% adalah warna murninya dan 100% selalu putih; pada HSV, value 100% adalah warna murninya dan Anda hanya mencapai putih dengan menurunkan saturasi. Alat desain cenderung menampilkan HSV, sedangkan CSS memakai HSL.
Alat ini membaca kanal alfa lalu membuangnya. Bila Anda menempelkan HEX 8 digit atau nilai rgba(), hanya warna buramnya yang dikonversi — transparansinya tidak diteruskan ke format lain.
Tidak. Setiap konversi berjalan dengan JavaScript di perangkat Anda. Tidak ada yang dikirim ke server, dicatat atau disimpan.
Vai.la mengubah URL apa pun menjadi tautan pendek dengan statistik klik, QR Code, dan biolink Anda sendiri.
Vai.la tidak bertanggung jawab atas cara alat-alat ini digunakan maupun atas keputusan yang diambil berdasarkan hasilnya.