Tools

Generator Palet Warna

Buat palet warna yang indah dari warna dasar dengan berbagai aturan harmoni dan opsi salin kode HEX.

#64c5f2
rgb(100, 197, 242)
#6496f2
rgb(100, 150, 242)
#6366f1
rgb(99, 102, 241)
#9164f2
rgb(145, 100, 242)
#c064f2
rgb(192, 100, 242)

Jenis Harmoni

Analogous: Warna berdekatan pada roda warna

Complementary: Warna berlawanan pada roda warna

Triadic: Tiga warna dengan jarak merata

Tetradic: Empat warna dalam dua pasangan komplementer

Monochromatic: Variasi dari satu rona

Panduan Color Palette Generator

Kapan alat ini berguna?

Mulailah dari warna identitas produk untuk mengeksplorasi warna pendamping pada tombol, kartu, dan latar. Pilih satu warna utama, lalu gunakan warna lain untuk membangun hierarki. Palet yang harmonis merupakan titik awal desain dan masih perlu diuji pada komponen sebenarnya.

Contoh penggunaan

Coba warna dasar #6366f1. Bandingkan kombinasi yang dihasilkan pada latar putih dan gelap, kemudian salin warna yang akan digunakan sebagai token desain. Pakai warna aksen secara konsisten untuk tindakan utama dan hindari memberi semua elemen intensitas yang sama.

Batasan dan pemeriksaan hasil

Harmoni warna tidak membuktikan keterbacaan. Periksa kontras teks terhadap latar secara terpisah, termasuk pada hover, disabled, dan dark mode. Jangan gunakan warna sebagai satu-satunya penanda kesalahan; tambahkan label atau ikon yang dapat dipahami.

Alat terkait