Konversi RGB dan HSV
RGB ke HSV Converter mengubah kanal merah, hijau, dan biru menjadi hue, saturation, dan value. HSV memisahkan identitas warna dari intensitas sehingga berguna untuk pemilihan warna, pengolahan citra, ilustrasi, serta pengaturan tema. Hue menggunakan derajat 0–360, sedangkan saturation dan value memakai persentase 0–100.
Cara menggunakan
Pilih arah RGB ke HSV, isi tiga kanal RGB, lalu tekan proses. Untuk arah sebaliknya, pilih HSV ke RGB dan masukkan hue, saturation, serta value. Slider dan input angka tetap tersinkron sehingga nilai dapat diubah secara presisi maupun visual. Hasil menyediakan HSV, RGB, HEX, HSL, CMYK, CSS, nama warna terdekat, dan pratinjau.
Rumus standar
Nilai RGB dinormalisasi ke 0–1. Value adalah kanal terbesar. Chroma adalah selisih kanal terbesar dan terkecil. Saturation adalah chroma dibagi value, kecuali value nol yang menghasilkan saturation nol. Hue ditentukan oleh kanal terbesar dan posisi relatif dua kanal lainnya. Konversi balik membagi roda hue menjadi enam sektor dan menambahkan komponen minimum pada setiap kanal.
Contoh dan pembulatan
Merah murni rgb(255, 0, 0) menghasilkan sekitar hsv(0, 100%, 100%). Hitam menghasilkan value nol, putih menghasilkan saturation nol dan value seratus, sedangkan abu-abu juga memiliki saturation nol. Tool membulatkan hasil maksimal beberapa angka desimal sehingga hasil praktis dan konsisten.
Privasi dan penggunaan
Semua perhitungan dilakukan di browser tanpa API eksternal. Nilai warna tidak disimpan atau dikirim. Hanya keberhasilan penggunaan yang dapat ditambahkan ke statistik anonim. Gunakan hasil untuk pemilih warna, animasi, filter, atau token desain, lalu periksa kontras apabila warna digunakan bersama teks.
Praktik penggunaan warna yang bertanggung jawab
Angka hasil konversi sebaiknya diperlakukan sebagai bagian dari alur desain, bukan satu-satunya dasar keputusan. Periksa warna pada layar dan perangkat yang berbeda, pertimbangkan mode terang serta gelap, dan gunakan token desain agar perubahan dapat diterapkan konsisten. Jika warna dipakai untuk menyampaikan status, sertakan ikon, teks, pola, atau bentuk sehingga informasi tidak hanya bergantung pada persepsi warna. Pengguna dengan buta warna atau kondisi penglihatan tertentu mungkin membaca kombinasi yang sama dengan cara berbeda. Karena itu, selalu uji foreground dan background menggunakan pemeriksa kontras serta lakukan evaluasi nyata dengan ukuran dan berat font yang dipakai.
Integrasi ke workflow desain dan pengembangan
Hasil dapat disalin ke CSS, variabel custom property, SVG, Canvas, dokumentasi design system, materi pembelajaran, atau spesifikasi handoff. Simpan warna sumber dan tujuan konversi agar anggota tim memahami ruang warna yang digunakan. Hindari pembulatan berulang dengan mengonversi bolak-balik terlalu banyak kali; gunakan nilai sumber sebagai referensi utama dan bulatkan hanya saat ditampilkan. Transparansi juga perlu diuji di atas latar sebenarnya karena warna komposit dapat berbeda dari swatch tunggal. Toolora menampilkan beberapa format sekaligus untuk membantu pemeriksaan silang, tetapi browser, profil monitor, dan proses cetak tetap dapat memengaruhi tampilan akhir.