Konverter Warna (Hex, RGB, HSL)
Pratinjau Warna
#6366f1
Panduan Penggunaan
Color Converter adalah alat online untuk mengkonversi nilai warna antara format HEX, RGB, HSL, HSV, dan CMYK — dengan semua pemrosesan dijalankan secara lokal di browser. Konversi format warna adalah tugas sehari-hari bagi desainer dan pengembang front-end: alat desain seperti Figma mengekspor kode HEX; CSS menggunakan HEX dan RGB/HSL; alur kerja cetak memerlukan nilai CMYK; library pemrosesan gambar mungkin menggunakan HSV atau float RGB yang dinormalisasi; alat pemeriksaan aksesibilitas menggunakan nilai sRGB untuk penghitungan kontras. Konversi manual antara format ini dengan rumus membosankan dan rawan kesalahan. Alat ini menerima nilai warna yang valid apa pun dan langsung menampilkan nilai yang setara di semua format yang didukung. Masukkan kode HEX, tempel tripel RGB, masukkan nilai HSL, atau pilih warna dari pemilih warna native — semua representasi diperbarui secara real-time. Swatch warna besar memberikan konfirmasi visual segera. Konverter menangani gamut sRGB penuh dengan benar. Anda juga dapat memasukkan nama warna CSS (seperti "rebeccapurple", "tomato") untuk melihat semua nilai numerik yang setara.
- Masukkan nilai warnanya — Ketik atau tempel nilai warna apa pun ke bidang input: kode HEX (#6366f1 atau #fff), nilai RGB (rgb(99, 102, 241)), nilai HSL (hsl(239, 84%, 67%)), atau nama warna CSS. Konverter secara otomatis mendeteksi formatnya.
- Gunakan pemilih warna — Klik swatch warna atau tombol pemilih untuk membuka pemilih warna native browser. Pilih warna apa pun secara visual dan semua nilai format langsung diperbarui.
- Lihat semua nilai format yang setara — Alat menampilkan warna yang dipilih secara bersamaan dalam HEX, RGB (0–255), RGB (0–1 dinormalisasi), HSL (derajat, persen), HSV, dan CMYK. Semua nilai diperbarui bersama setiap kali Anda mengubah input apa pun.
- Sesuaikan saluran individual — Perbaiki warna dengan memodifikasi nilai saluran individual — misalnya, ubah hanya saluran alpha di RGBA, atau sesuaikan hue di HSL untuk mendapatkan variasi yang sedikit lebih hangat atau lebih dingin dari warna yang sama.
- Salin format apa pun — Klik tombol "Salin" di sebelah baris format mana pun untuk menyalin nilai spesifik tersebut ke clipboard. Misalnya, salin kode HEX untuk CSS, nilai RGB untuk alat desain, atau nilai CMYK untuk spesifikasi cetak.
- Verifikasi melalui swatch — Swatch pratinjau warna besar selalu menampilkan warna yang sebenarnya dirender. Gunakan untuk mengonfirmasi secara visual bahwa nilai yang dikonversi sesuai dengan warna yang diharapkan sebelum menyalinnya.
Pertanyaan yang Sering Diajukan
Format warna apa yang didukung alat ini?
Alat mengonversi antara tiga format warna CSS yang paling umum: HEX (#RRGGBB), RGB (rgb(r, g, b) dengan nilai 0–255) dan HSL (hsl(h, s%, l%) dengan sudut 0–360° dan saturasi/kecerahan 0–100%). Juga menerima nama warna CSS (seperti "tomato" atau "deepskyblue") sebagai input.
Apa perbedaan antara RGB dan HSL?
RGB mendeskripsikan warna melalui intensitas cahaya merah, hijau, dan biru (masing-masing 0–255). HSL mendeskripsikan warna melalui hue (posisi pada roda warna, 0–360°), saturasi (kejenuhan, 0–100%) dan kecerahan (terang-gelap, 0–100%). HSL sering lebih intuitif bagi desainer karena menyesuaikan kecerahan atau saturasi lebih mudah.
Apakah konversi warna terjadi di server?
Tidak. Semua logika konversi terjadi di browser melalui perhitungan warna JavaScript native — tidak ada data yang dikirim ke server mana pun.
Bisakah saya menggunakan alat ini secara offline?
2Kit adalah PWA. Setelah kunjungan pertama, alat di-cache dan bekerja sepenuhnya secara offline.
Mengapa saya perlu mengonversi antara format warna?
Alat dan alur kerja yang berbeda menggunakan format warna yang berbeda. Alat desain sering menghasilkan HEX, sementara animasi CSS dan sistem tema mungkin menggunakan HSL untuk manipulasi terprogram yang lebih mudah. Alat ini memungkinkan Anda menerjemahkan antar format dengan cepat tanpa aritmatika mental.
Implementasi Teknis
Semua pemrosesan berjalan sepenuhnya di browser Anda — tidak ada data yang pernah dikirim ke server mana pun. Alat ini bekerja sepenuhnya offline sebagai Aplikasi Web Progresif (PWA): setelah kunjungan pertama, semua halaman dan aset di-cache oleh Service Worker dan tetap tersedia tanpa koneksi internet. Data masukan Anda tidak pernah meninggalkan perangkat Anda, menjadikannya aman untuk konten sensitif termasuk kunci API, kata sandi, konfigurasi pribadi, dan dokumen rahasia.