🎨

buat palet warna

Hasilkan palet warna indah dari warna dasar. Ekspor sebagai CSS, HEX, atau JSON.

Alat Desain Berjalan lokal Tidak ada data dikirim
palet HSL komplementer desain
Warna Dasar
Jenis Palet
Jumlah (Hanya monokromatik): 5
5
Format Ekspor
Pratinjau Palet
Ekspor

Apa itu buat palet warna?

Hasilkan palet warna indah dari warna dasar. Pilih skema komplementer, analog, triadik, atau monokromatik dan ekspor sebagai CSS, HEX, atau JSON.

Cara Menggunakan buat palet warna

  1. Pilih warna dasar yang ingin Anda gunakan sebagai acuan.
  2. Pilih gaya palet seperti komplementer, analog, atau monokrom.
  3. Tinjau contoh warna yang dihasilkan dan sesuaikan warna dasar jika perlu.
  4. Salin nilai HEX yang ingin Anda gunakan kembali di sistem desain atau mockup Anda.

Alat Terkait

🎨
color picker
Konversi warna antara HEX, RGB, HSL, dan CMYK
 🌈
gradient CSS
Buat gradien linear dan radial CSS dengan pratinjau langsung
 ⚖️
cek kontras WCAG
Periksa rasio kontras warna WCAG AA dan AAA untuk aksesibilitas
Pahami Palet Warna ▾
Contoh
Input Membuat palet komplementer dari warna biru dasar:
Output Warna komplementer berada tepat berseberangan pada roda warna, menciptakan pasangan yang kontras tinggi dan cerah.
Kasus Penggunaan Umum
  • Bangun sistem warna UI dari warna merek dasar
  • Hasilkan warna aksen pendukung untuk grafik atau ilustrasi
  • Jelajahi arah palet sebelum diserahkan ke desain
  • Buat set warna cepat untuk postingan sosial atau slide
Pertanyaan yang Sering Diajukan
Bagaimana cara memilih jenis harmoni yang tepat?

Gunakan komplementer untuk desain berani dengan kontras tinggi. Gunakan analog untuk tema UI yang lembut dan menyatu. Gunakan triadik saat Anda membutuhkan tiga warna aksen yang seimbang. Gunakan monokromatik saat kesederhanaan dan elegansi menjadi prioritas.

Apakah palet memeriksa kontras untuk aksesibilitas?

Alat ini berfokus pada pembuatan harmoni warna. Untuk pemeriksaan kontras WCAG, gunakan alat Contrast Checker atau WCAG AA Checker di situs ini.

Bisakah saya mengekspor palet ke Figma atau CSS?

Ya — gunakan format ekspor CSS untuk mendapatkan CSS custom properties yang siap ditempel, atau salin nilai HEX satu per satu untuk ditempel ke alat desain apa pun.

Untuk apa slider jumlah monokromatik?

Saat menggunakan tipe Monokromatik, Anda dapat mengatur berapa banyak tint dan shade yang dihasilkan (3–10). Ini memberi Anda skala grayscale atau berwarna dengan granularitas halus untuk digunakan.