Pemilih warna dan pengekstrak palet

Ambil warna tepat dari gambar, ekstrak paletnya dan ekspor sebagai kode.

Point at the picture to read a colour.

Mouse: move and click. Touch: drag your finger and lift to pick. Keyboard: arrow keys move the cross (Shift for 10 pixels), Enter picks.

Dominant colours

Median cut over the whole picture: the same picture always gives the same palette.

Under the cross

Point at the picture to read a colour.

Picked colours

Click the picture to add colours here.

Fungsinya

Buka gambar (atau tempel tangkapan layar) lalu gerakkan kursor: kaca pembesar menampilkan piksel di bawah tanda silang dan warnanya muncul dalam HEX, RGB, HSL dan OKLCH, masing-masing dengan tombol salin. Klik atau ketuk untuk menyimpan warna. Alat ini mengekstrak warna dominan, menunjukkan seberapa banyak bagian gambar yang diwakili tiap warna dan warna teks mana yang terbaca di atasnya, lalu mengekspor palet sebagai variabel CSS, Tailwind, SCSS, JSON atau daftar. Pemeriksa kontras menguji pasangan warna menurut WCAG. Gambar tidak diunggah.

Presisi dan palet

Di ponsel, seret jari dan warna diambil saat jari diangkat; dengan keyboard, panah dan Enter. Foto mengandung derau, jadi gunakan rata-rata 3 × 3 atau 5 × 5. Palet dihitung dengan median cut tanpa unsur acak: gambar yang sama selalu memberi palet yang sama.

Kontras

Oranye dari foto (#f08c1e) hanya mencapai 2,48:1 di atas putih, di bawah 4,5:1 untuk teks biasa; alat ini menyarankan warna terdekat yang lolos (#b1620c). Untuk gradasi dan harmoni warna, gunakan alat warna.

Pertanyaan yang sering diajukan

Apakah gambar saya diunggah?

Tidak. Gambar didekode dan dibaca di perangkat Anda.

Mengapa titik yang sama memberi warna sedikit berbeda?

Karena derau dan kompresi JPEG. Gunakan rata-rata 3 × 3 atau 5 × 5.

Apakah paletnya sama lain kali?

Ya. Median cut tidak memakai unsur acak: gambar sama, palet sama.

Baca selengkapnya

Diperbarui 14 Oktober 2026 · Lainnya di Gambar dan kode