Alat terkait
Mengapa memakai generator palet?
Palet bersama menjaga konsistensi visual, mempercepat serah terima ke pengembangan, dan mengurangi tebakan hex sembarangan.
Manfaat
- Konsistensi: Aksen sama di banyak layar dan media.
- Merek: Ambil sampel dari foto atau mood board.
- Kecepatan: Kurangi pipet manual.
- Tema: Dari satu gambar ke variabel terang/gelap.
- Inspirasi: Foto menyarankan nuansa yang jarang dipilih manual.
Cara kerja ekstraksi
Piksel dibaca, warna mirip dikelompokkan, lalu nada paling mewakili diurutkan menurut algoritma.
Alur umum
- Muat: Gambar tajam memberi warna lebih stabil.
- Sampel: Transparansi kuat diabaikan.
- Kuantisasi: RGB dekat digabung ke beberapa swatch.
- Urutkan: Menurut frekuensi atau centroid klaster.
- Serahkan: Salin hex atau ekspor kode.
Fakta
Sedikit warna inti dan cek kontras awal mengurangi pekerjaan ulang.
Acuan
- Banyak UI memakai sekitar 3–10 warna utama.
- Frekuensi mengutamakan area besar foto.
- K-means membantu gradien rumit.
- CSS dan JSON cocok untuk token desain.
- Berkas sangat besar butuh waktu lebih lama.
Praktik terbaik
Anggap hasil sebagai dasar; sesuaikan dengan pedoman merek dan aksesibilitas.
- Referensi bersih, kompresi ringan.
- Tambah jumlah warna jika adegan ramai.
- Dokumentasikan ekspor dan nama token.
- Uji teks nyata di latar nyata.
- Gabungkan dengan teori warna.
Kasus penggunaan
- Web: Landing dari foto klien.
- Branding: Warna dari visual kampanye.
- Ruang: Inspirasi material.
- Fashion: Papan musiman.
- Seni: Pelajari distribusi warna.
Pertanyaan umum
Bagaimana mengekstrak warna dari gambar?
Unggah atau tempel gambar, pilih algoritma dan jumlah warna, lalu jalankan ekstraksi. Setiap swatch menampilkan hex dan RGB; salin atau ekspor.
Algoritma apa yang tersedia?
Tiga mode: frekuensi (cepat), K-means (baik untuk gradien), median cut (seimbang).
Bisa ekspor?
Ya: variabel CSS, SCSS, atau JSON; juga salin satu atau semua hex.
Gratis dan privat?
Ya. Tanpa akun. Proses lokal, gambar tidak diunggah.
Apa fungsi pemeriksa kontras?
Memperkirakan rasio antar warna palet dengan acuan WCAG AA dan AAA untuk pasangan teks/latar.