Lewati ke konten utama
ImageColorPix

Palet Generator

Tekan Spasi untuk membuat palet acak yang harmonis dengan kunci, susun ulang, dan tuning H/S/L per swatch. Ekspor HEX, RGB, HSL, CSS, SVG atau PNG, atau beralih ke mode gambar untuk mengekstrak palet dari foto mana pun.

Kunci untuk menyimpan · seret untuk menyusun ulang · klik untuk menyalin · Spasi untuk membuat

Warna UI

Mengubah palet saat ini menjadi token antarmuka siap pengembang dengan kontras yang terbaca.

Apa itu generator palet?

Cara cepat menemukan warna yang serasi

Generator palet membuat satu set berisi 5–10 warna yang dirancang agar terlihat bagus bersama. Daripada memilih warna satu per satu dan berharap cocok, Anda mendapat harmoni siap pakai dalam satu klik, seperti memiliki konsultan warna profesional di dalam browser.

Alat kami menawarkan dua pendekatan terbukti: Acak membangun harmoni baru dari teori warna, sedangkan Mode gambar mengekstrak warna yang benar-benar mendominasi foto Anda dengan menghitung piksel. Keduanya gratis dan instan, tanpa daftar.

Gunakan palet untuk branding, situs web, postingan sosial, ilustrasi, atau slide, salin sebagai HEX, RGB, HSL atau variabel CSS, atau unduh sebagai TXT, SVG atau PNG.

Cara menggunakan

Dua cara membuat: acak dan gambar

🎲 Mode acak (default)

01

Pilih harmoni

Pilih Random, Analogous, Complementary, Triadic, Tetradic, Mono atau Shades. Setiap opsi memakai aturan hue dari teori warna.

02

Buat dan kunci

Tekan Buat atau tekan Spasi. Kunci warna yang Anda suka, slot yang tidak terkunci akan dibuat ulang sementara yang terkunci tetap.

03

Sempurnakan dan ekspor

Seret untuk menyusun ulang, klik ikon gear untuk mengatur H/S/L, hapus atau tambah hingga 10. Salin sebagai HEX/RGB/HSL/CSS atau unduh CSS, JSON, SVG atau PNG. Ikon jam menyimpan 10 generasi terakhir untuk dipulihkan cepat.

🖼️ Mode gambar

01

Unggah gambar

Klik ikon gambar, seret dan letakkan, tempel, atau muat melalui URL.

02

Ekstrak palet otomatis

Kami mengambil sampel ~12k piksel, melakukan kuantisasi, mengurutkan berdasar area (dominansi) dan menggabungkan warna yang mirip (jarak 0.08).

03

Sesuaikan dan gunakan

Palet muncul di atas pratinjau foto. Pangkas swatch, seret untuk menyusun ulang, salin dalam format pilihan Anda, atau ekspor set tersebut.

Panduan harmoni

Pilih aturan yang sesuai suasana hati Anda, kami yang mengurus hitungannya.

Acak

Hue cerah dan tersebar merata (S 65-90, L 48-66). Terbaik untuk eksplorasi dan inspirasi.

Analog

Hue berjarak ±30°/60°. Tenang, kohesif, bagus untuk latar, gradien, tema alam.

Komplementer

Hue berjarak 180°. Pasangan kontras tinggi, ideal untuk CTA, logo, brand olahraga dan makanan.

Triadik

Tiga hue berjarak 120°. Seimbang namun hidup, populer untuk ilustrasi, dasbor, kemasan.

Tetradik

Empat hue dalam persegi (0/90/180/270). Kaya dan beragam. Gunakan satu dominan plus aksen.

Monokromatik / Corak

Satu hue, dengan kecerahan dan saturasi bervariasi. Elegan, minimal, cocok untuk SaaS, editorial, brand monokrom.

Contoh penggunaan nyata

Identitas brand

Buat kit brand 5 warna dalam hitungan detik. Kunci warna primer Anda, jelajahi hue pendukung, ekspor variabel CSS langsung ke design system.

Desain UI dan web

Bangun antarmuka yang aksesibel: latar, permukaan, primer, aksen plus teks. Periksa kontras, salin HEX siap Tailwind, tempel ke Figma.

Sosial dan pemasaran

Sesuaikan suasana kampanye dengan cepat, pastel untuk wellness, komplementer untuk obral, shades untuk premium. Tekan Spasi sampai cocok.

Ilustrasi dan seni

Harmoni triadik dan analog memberi ilustrator set seimbang tanpa campuran kusam. Sesuaikan H/S/L per swatch untuk cetak.

Interior dan fashion

Ekstrak palet dari foto ruangan, pakaian atau produk agar cerita warna dunia nyata tetap konsisten.

Visualisasi data dan slide

Butuh 6-10 warna bagan yang beda namun harmonis? Buat tetradik, kunci yang terbaca, ekspor legenda SVG/PNG.

Pertanyaan yang sering diajukan

1Bagaimana cara membuat palet warna acak?
Pilih harmoni (atau Acak), tekan Buat atau tekan Spasi. Setiap tekanan membuat set 5 warna baru (bisa diatur 1-10 dengan +/-). Kunci swatch mana pun agar tetap saat warna lain dibuat ulang mengelilinginya.
2Bisakah saya juga mengekstrak palet dari gambar di sini?
Ya, tekan ikon gambar untuk mengunggah atau menempel foto dan alat akan menghitung piksel untuk menampilkan hue dominan di atas pratinjau. Untuk alur kerja khusus foto dengan gambar contoh yang sudah dimuat, coba generator palet gambar khusus.
3Apa bedanya mode Random dan mode Gambar?
Random membuat harmoni berbasis teori dari nol (matematika HSL). Mode gambar menemukan warna yang benar-benar mendominasi foto Anda berdasar frekuensi, terbaik untuk mencocokkan karya, logo, atau fotografi yang ada.
4Bagaimana cara kerja kunci, seret, dan sesuaikan?
Kunci (ikon gembok) menahan warna di semua pembuatan. Seret swatch mana pun untuk menyusun ulang (urutan memengaruhi ekspor CSS). Ikon gear membuka slider H/S/L untuk penyempurnaan tanpa keluar halaman.
5Apa arti opsi harmoni tersebut?
Analogous sama dengan tetangga pada roda warna (tenang). Complementary sama dengan berlawanan (berani). Triadic sama dengan 3x120° (seimbang). Tetradic sama dengan 4 sudut (kaya). Monochromatic/Shades sama dengan satu hue dengan kecerahan bervariasi (minimal). Random sama dengan campuran cerah bebas untuk penemuan.
6Dalam format apa saya bisa menyalin atau mengunduh?
Gunakan sakelar Salin sebagai untuk HEX, RGB, HSL atau CSS vars, sakelar ini mengendalikan swatch tunggal dan tombol salin seluruh set. Popup unduhan menawarkan empat tab: CSS (disimpan sebagai palette.txt), JSON, strip SVG, atau PNG berlabel.
7Apakah gratis? Apakah gambar saya diunggah?
Ya, gratis selamanya tanpa daftar. Palet acak murni matematika warna, dan foto yang diunggah dibaca lokal via Canvas.
8Berapa banyak warna dalam satu palet?
1 sampai 10. Gunakan -/+ di samping strip. Acak default 5, gambar default 8 (gambaran dominan). Riwayat menyimpan 10 generasi terakhir untuk dipulihkan cepat.

Jelajahi alat warna lainnya

Generator Palet Gambar

Ekstrak palet dari foto apa pun

Generator Gradien

CSS linear, radial & konikal

Pemeriksa Kontras

Nilai keterbacaan teks WCAG

Konverter Warna

HEX RGB HSL HSV CMYK LAB