Color Picker
Pick colors and get HEX, RGB, HSL
R59
G130
B246
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Tentang alat ini
Pemilih Warna memungkinkan Anda memilih warna secara visual dan langsung melihat representasi HEX, RGB, dan HSL-nya. Gunakan pemilih warna asli untuk seleksi luas atau slider RGB untuk kontrol presisi tingkat saluran.
Warna yang dipilih disimpan otomatis ke riwayat warna terbaru sehingga Anda dapat kembali dengan cepat tanpa mengetiknya kembali. Berguna untuk membandingkan variasi warna atau membangun palet.
Cara penggunaan
- Klik swatch warna besar untuk membuka pemilih warna asli browser dan pilih warna.
- Seret slider R, G, dan B untuk menyesuaikan saluran warna individual secara presisi.
- Klik Salin di sebelah HEX, RGB, atau HSL untuk menyalin nilai ke clipboard.
- Warna yang disalin muncul di baris Warna terbaru — klik swatch mana pun untuk memulihkannya.
Kasus penggunaan
Desainer web memilih warna tepat dari panduan merek dan menyalin kode hex ke CSS. Developer menyesuaikan nilai RGB untuk canvas atau WebGL. Desainer UI membandingkan variasi halus dalam rona yang sama.
Pertanyaan umum
- Apakah warna yang dipilih tersimpan secara permanen? — Tidak. Warna terbaru disimpan di status komponen dan direset saat meninggalkan halaman atau menyegarkan. Untuk penyimpanan permanen, salin kode hex ke catatan Anda sendiri.
- Bisakah saya memasukkan kode hex langsung? — Ya. Gunakan kolom input hex di pemilih warna asli (tersedia di sebagian besar browser) untuk mengetik nilai hex secara langsung.
- Apa itu HSL dan mengapa berguna? — HSL singkatan dari Hue (Rona), Saturation (Saturasi), dan Lightness (Kecerahan). Mengubah nilai kecerahan membuat warna lebih terang atau gelap sambil mempertahankan rona yang sama, berguna untuk menghasilkan tints dan shades.