Color Picker & Converter
Pilih warna atau konversi antara HEX, RGB, dan HSL secara instan.
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
What is Color Picker & Converter?
Pemilih warna adalah alat untuk memilih warna dan mengekspresikan nilainya di seluruh sistem notasi yang digunakan dalam desain dan pengembangan. Tiga format paling umum, heksadesimal (hex), RGB, dan HSL, semuanya menjelaskan ruang warna sRGB yang sama: hex adalah bentuk ringkas yang paling banyak digunakan oleh CSS, RGB menentukan saluran merah, hijau, dan biru dari 0 hingga 255 untuk mencocokkan cara tampilan memancarkan cahaya, dan HSL mengekspresikan hue, saturasi, dan kecerahan, yang membuat penyesuaian sistematis seperti mendinginkan atau menggeser nada lebih intuitif. Pemilih yang berguna menerima salah satu format ini sebagai input dan mengonversinya secara instan sehingga warna yang sama dapat disalin dalam notasi apa pun yang diharapkan oleh platform target. Pemilih ini juga menangani singkatan hex tiga digit dan menyalin setiap nilai dengan satu klik.
How to Use Color Picker & Converter
- Gunakan pemilih swatch warna, atau ketik nilai secara langsung — hex (#ff5733), rgb(255, 87, 51), atau hsl(9, 100%, 60%) semua diterima.
- Nilai HEX, RGB, dan HSL semua diperbarui bersama secara instan.
- Klik "Salin" di sebelah format apa pun untuk menyalin hanya nilai itu.
Examples
Input Hex
Input: #ff5733
Output: rgb(255, 87, 51) · hsl(9, 100%, 60%)
Input RGB
Input: rgb(34, 139, 230)
Output: #228be6 · hsl(207, 79%, 52%)
3-digit hex
Input: #f5a
Output: #ff55aa
Common Mistakes
- Lupa mengetikkan # saat mengetik nilai hex secara langsung (meskipun alat ini toleran dengan cara apa pun).
- Mencampur persentase saturasi/kecerahan HSL dengan rentang 0-255 RGB saat mengedit CSS secara manual.
- Menganggap 3-digit hex seperti #f5a adalah warna yang berbeda dari ekspansi 6-digit #ff55aa — mereka identik, hanya singkatan.
Why Use This Tool
- Menerima input dalam salah satu dari tiga format umum dan mengonversi ke semua tiga secara bersamaan.
- Menangani baik 3-digit dan 6-digit hex shorthand.
- Berjalan sepenuhnya di sisi klien dengan pembaruan instan saat Anda mengetik.
- Salin satu-klik per format.