Color Picker
Color Picker — berjalan di browser. Input tidak disimpan.
Pemilih warna
Pilih warna dengan pemilih native untuk melihat HEX, RGB, dan HSL sekaligus. Jika hanya RGB↔HEX, gunakan konverter RGB HEX.
Cara menggunakan
- Tekan Pilih warna dan pilih di pemilih warna native OS. Default-nya #1a5cff.
- Sampel warna di bawah serta kolom HEX, RGB, dan HSL diperbarui bersama.
- Menyunting HEX juga memperbarui RGB dan HSL. HEX pendek 3 digit diperluas ke 6 digit.
- Salin HEX menaruh HEX saat ini di papan klip.
- Reset mengembalikan biru default. Kolom RGB dan HSL hanya-baca.
Konsep utama
Pemilih warna menampilkan warna yang dipilih secara visual sebagai HEX, RGB, dan HSL sekaligus. HEX paling umum di CSS; RGB adalah 0–255 dipisah koma; HSL adalah sudut rona, saturasi, dan kecerahan. Kunci pembaruan internal menjaga pemilih dan input HEX tidak saling menimpa. UI pemilih native tampak berbeda per OS. Kotak sampel memakai HEX saat ini sebagai latar agar Anda dapat melihat kontras segera. Kolom HEX paling banyak 7 karakter.
Layar ini berfokus pada memilih dan memeriksa HSL. Untuk mengubah angka RGB dengan cepat, gunakan konversi RGB HEX; untuk mengambil piksel dari foto, gunakan ekstrak warna gambar. Nilai warna tidak disimpan di server. Tidak ada kolom untuk menyunting RGB atau HSL dengan tangan; angka hanya tampilan. Meninggalkan halaman menghapus warna yang dipilih, jadi salin HEX jika Anda membutuhkannya.
Contoh
Default #1a5cff adalah RGB 26, 92, 255 dan HSL sekitar 224°, 100%, 55%. Tempel HEX panduan merek ke kolom dan pemilih serta sampel mengikuti. Setelah memilih warna tombol atau tautan, salin HEX ke stylesheet. #fff diperluas menjadi #ffffff dengan RGB 255, 255, 255. Untuk tombol latar gelap, periksa di sampel bahwa kecerahan HSL tidak terlalu rendah.
Terkait: konverter RGB HEX · ekstrak warna gambar
Pertanyaan umum
Apakah HEX, RGB, dan HSL semua muncul di pemilih warna?
Ya. Mengubah pemilih atau HEX memperbarui ketiga kolom. RGB dan HSL hanya tampilan dan tidak dapat disunting langsung. Tiga notasi di satu tempat berguna untuk dokumen token desain. HSL berguna saat menilai penyesuaian saturasi.
Bisakah mengetik kode HEX langsung?
Ya. Hingga 7 karakter termasuk #. Kode 3 digit seperti #abc diperluas menjadi #aabbcc. Karakter tidak valid diabaikan. String panjang salah bisa gagal diurai dan menjaga warna sebelumnya. Hanya hex 6 digit yang andal.
Bagaimana konverter RGB HEX berbeda dari pemilih warna?
Konverter mengganti kolom RGB/HEX; halaman ini punya pemilih native plus HSL dan sampel warna. Pakai konverter untuk angka saja; pakai alat ini untuk memilih dengan mata. Konverter tidak punya pemilih. Pakai halaman ini jika Anda butuh sampel warna dan HSL.
Di mana tombol Salin HEX?
Salin HEX di bawah. Browser yang didukung menaruh #rrggbb di papan klip. Jika izin papan klip diblokir, salin bisa gagal diam-diam. Lalu seret kolom HEX sendiri.
Bisakah menyunting nilai HSL langsung?
Kolom HSL hanya-baca. Untuk mengenai rona, saturasi, dan kecerahan sebagai angka, pakai pemilih atau ubah HEX. Menggerakkan roda pemilih memperbarui sudut rona HSL. Tidak ada input numerik saturasi/kecerahan.
Apakah warna yang dipilih disimpan di server?
Tidak disimpan atau dikirim. Memuat ulang kembali ke warna default. Memuat ulang kembali ke #1a5cff. Untuk mengumpulkan beberapa warna, tulis HEX yang disalin secara terpisah.
Terakhir ditinjau: 2026-09-04