Pemilih Warna
Pilih warna, ekstrak dari gambar, buat palet, dan periksa kontras. Mendukung HEX, RGB, HSL, HSV, dan CMYK.
Ekstraksi Warna Gambar
Letakkan gambar atau klik untuk mengunggah
Warna Dominan
Tambah warna ke palet Anda
Contoh teks ukuran normal (14px)
Contoh Teks Besar
Rasio Kontras
21:1
AA Teks Normal
Lulus
AA Besar
Lulus
AAA Teks Normal
Lulus
AAA Besar
Lulus
90°
Kapan Menggunakan Pemilih Warna Ini
Alat pemilih warna gratis kami membantu desainer dan pengembang bekerja dengan warna:
-
Desain Web
Pilih warna sempurna untuk situs web dan periksa rasio kontras untuk memastikan kepatuhan aksesibilitas.
-
Identitas Merek
Buat palet warna harmonis untuk logo, materi pemasaran, dan pedoman merek.
-
Pencocokan Warna Gambar
Ekstrak warna dari foto untuk mencocokkan elemen desain dengan gambar yang ada.
-
Pengembangan CSS
Hasilkan gradien CSS dan ekspor palet warna sebagai properti kustom CSS.
-
Pengujian Aksesibilitas
Verifikasi bahwa kombinasi warna teks dan latar belakang memenuhi standar WCAG AA dan AAA.
Cara Menggunakan Pemilih Warna
Memulai
- Klik dan seret di kotak warna untuk memilih saturasi dan kecerahan
- Gunakan penggeser hue untuk mengubah warna dasar
- Sesuaikan opasitas dengan penggeser alfa jika diperlukan
- Salin format warna apa pun dengan mengklik tombol salin di sebelahnya
Fitur
- Pemilih warna interaktif dengan pratinjau real-time
- Ekstrak warna dari gambar apa pun dengan eyedropper
- Hasilkan kombinasi warna harmonis secara otomatis
- Bangun palet khusus dan ekspor sebagai CSS atau JSON
- Periksa kontras warna WCAG untuk aksesibilitas
- Buat gradien CSS dengan editor visual
Pintasan Keyboard
- Ctrl+C: Salin warna HEX saat ini
- Ctrl+V: Tempel dan terapkan warna dari clipboard
- 1-4: Beralih antar tab fitur
Tips
- Unggah gambar untuk mengekstrak warna dominan secara otomatis
- Gunakan pemeriksa kontras untuk memastikan keterbacaan teks
- Ekspor palet Anda ke variabel CSS untuk penggunaan mudah dalam proyek