Palet Warna mendukung dua mode: pembuatan skema warna dan ekstraksi palet gambar. Dalam mode Hasilkan, pilih warna dasar dan aturan harmoni. Dalam mode Ekstrak, unggah gambar untuk mengekstrak warna dominannya atau gunakan pipet untuk pemilihan yang presisi. Semua pemrosesan terjadi di browser Anda.
Unggah gambar untuk mengekstrak palet secara otomatis dengan pipet untuk pemilihan presisi
Ekspor sebagai variabel CSS, Tailwind v4, dan variabel SCSS
Kunci warna individu untuk mempertahankannya saat regenerasi
Klik untuk menyalin warna apa pun dalam format HEX, RGB, atau HSL
Pemrosesan offline sepenuhnya — tidak ada yang diunggah ke server
Cara Penggunaan
1Dalam mode Hasilkan, pilih warna dasar dan aturan harmoni
2Palet diperbarui secara otomatis — kunci atau salin warna individu
3Beralih ke mode Ekstrak dan unggah gambar untuk mengekstrak paletnya
4Klik tombol ekspor untuk menyalin konfigurasi CSS/Tailwind/SCSS
Pertanyaan Umum
Apa perbedaannya dengan Konverter Warna dan Pemilih Warna?
Konverter Warna mengonversi antar format HEX, RGB, HSL. Pemilih Warna memilih satu warna dari gambar. Palet Warna menghasilkan skema warna yang harmonis dari warna dasar atau mengekstrak palet lengkap dari gambar.
Bisakah saya mengunci warna individu dalam palet?
Ya. Setiap swatch memiliki tombol kunci. Warna yang terkunci dipertahankan saat Anda mengubah warna dasar atau aturan harmoni. Hanya warna yang tidak terkunci yang diregenerasi.
Aturan harmoni mana yang harus digunakan pemula?
Komplementer menciptakan desain kontras tinggi. Analog halus dan terpadu — bagus untuk branding. Monokromatik bersih dan profesional. Triadik dan tetradik lebih lanjut tetapi menciptakan palet yang kaya dan seimbang.
Seberapa akurat ekstraksi palet gambar?
Menggunakan pengelompokan warna dengan penggabungan jarak Euclidean, alat ini mengekstrak hingga 8 warna dominan. Piksel transparan difilter, dan setiap warna menunjukkan persentasenya. Untuk pemilihan presisi, gunakan mode pipet.
Apakah data saya diunggah ke server mana pun?
Tidak. Semua perhitungan warna dan pemrosesan gambar terjadi sepenuhnya di browser Anda. Tidak ada yang diunggah.
Versi Tailwind mana yang ditargetkan oleh ekspor?
Ekspor Tailwind menghasilkan sintaks warna kustom @theme Tailwind CSS v4 menggunakan variabel --color-*.