Pemilih Warna
Pilih warna dan dapatkan kode HEX, RGB, HSL
Berjalan di browser Anda
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Warna cepat
Apa itu pemilih warna?
Pemilih warna online membantu memilih warna dan mendapatkan kode dalam berbagai format (HEX, RGB, HSL). Berguna untuk desainer dan pengembang.
Kasus penggunaan
- Pilih warna untuk desain web atau app
- Dapatkan kode HEX, RGB, HSL untuk CSS
- Temukan warna untuk merek atau proyek
- Konversi antar format warna
Kapan digunakan?
Gunakan untuk memilih warna, mendapatkan kode, atau mengonversi format. Sangat berguna untuk desainer web, UI/UX, dan frontend.
Contoh
Biru khas merek
Masukan
#1A6CF5
Keluaran
- HEX
- #1A6CF5
- RGB
- rgb(26, 108, 245)
- HSL
- hsl(218, 92%, 53%)
Warna aksen yang hangat
Masukan
#F4A261
Keluaran
- HEX
- #F4A261
- RGB
- rgb(244, 162, 97)
- HSL
- hsl(27, 87%, 67%)
Tanya jawab
Apa perbedaan HEX, RGB, dan HSL?
Ketiganya menggambarkan warna yang sama dengan cara berbeda. HEX adalah bentuk ringkas yang digunakan di CSS, RGB mencantumkan nilai merah, hijau, dan biru dari 0 hingga 255, sedangkan HSL menggunakan rona, saturasi, dan kecerahan, sehingga mudah membuat gradasi yang lebih terang atau lebih gelap.
Bagaimana cara menyalin kode warna?
Pilih warna, lalu gunakan tombol salin di samping nilai HEX, RGB, atau HSL yang Anda perlukan.
Mengapa konversi balik dari HSL bisa menghasilkan warna yang sedikit berbeda?
Nilai HSL dibulatkan ke bilangan bulat, sehingga saat dikonversi kembali ke HEX hasilnya bisa meleset satu tingkat.