Apa itu Generator Palet Warna?

Generator Palet Warna menciptakan kombinasi warna harmonis berdasarkan teori warna. Pilih warna dasar dan aturan harmoni untuk menghasilkan palet secara instan.

Mulai dengan tiga cara: pilih warna dasar lewat pemilih warna atau tempel kode hex, jatuhkan sebuah foto untuk menarik warna dominannya, atau ketik suasana seperti ocean atau sunset. Lalu pilih aturan harmoni dan alat ini menyusun sisa palet dari rasio teori warna pada roda. Kunci warna yang ingin dipertahankan, acak sisanya, klik warna yang Anda suka untuk memutar seluruh palet di sekitarnya, dan pratinjau hasilnya lewat filter buta warna. Ekspor kelima warna sebagai blok properti khusus CSS, config Tailwind, atau berkas JSON untuk design system Anda, atau simpan strip sebagai gambar PNG atau SVG untuk dibagikan di brief atau media sosial.

Cara menggunakan

1. Mulai dari warna dasar, jatuhkan foto untuk menarik warnanya, atau ketik suasana seperti ocean atau sunset
2. Pilih aturan harmoni: komplementer, analog, triadik, split-komplementer, tetradik, atau monokromatik
3. Salin tiap swatch sebagai HEX, RGB, atau HSL, lihat grid kontras untuk pasangan yang nyaman dibaca, lalu ekspor palet sebagai CSS, config Tailwind, JSON, atau gambar swatch PNG atau SVG

Kapan menggunakan

• Menyusun palet brand dari satu warna utama yang sudah disetujui klien.
• Memilih warna aksen yang mudah dibaca untuk chart atau dashboard.
• Mencoba beberapa kombinasi warna dengan cepat sebelum buat slide atau konten medsos.

Hasil

Warna dasar #3498DB dengan harmoni triadik menghasilkan: #3498DB, #976CD6, #DB3498.

FAQ

Apa beda harmoni complementary, analogous, dan triadic?

Complementary menaruh warna dasar berseberangan 180° untuk kontras paling tajam. Analogous menjaga semua warna dalam jarak sekitar 30° di roda warna, hasilnya kalem. Triadic membagikan tiga warna berjarak 120° satu sama lain, kontras kuat tapi tetap seimbang.

Bisakah saya menyimpan warna favorit dan hanya mengganti yang lain?

Bisa. Klik gembok pada kotak yang ingin dipertahankan, lalu ganti aturan harmoni atau warna dasar, atau tekan acak. Kotak yang terkunci tetap, sementara sisanya dihitung ulang di sekitarnya.

Format ekspor mana yang sebaiknya dipilih?

CSS memberi variabel seperti --color-1, opsi Tailwind menjatuhkan blok theme.extend.colors yang siap untuk config Anda, dan JSON adalah objek terstruktur untuk alat design token atau skrip. Untuk membagikan palet sebagai gambar — di brief, dek, atau unggahan sosial — pilih PNG untuk bitmap atau SVG untuk strip swatch vektor yang tajam.

Apakah palet ini otomatis lolos kontras WCAG?

Grid kontras bawaan menilai tiap pasangan terhadap ambang WCAG 2.x — AAA di 7:1, AA di 4,5:1, AA Large di 3:1 — dan menandai kegagalan dengan warna rose. Pilih pasangan langsung dari grid sebelum dipakai untuk body text atau tombol, karena aturan harmoni mengejar keseimbangan visual, bukan rasio kontras.

Ke mana data warna saya berakhir?

Tidak ke mana-mana. Semua perhitungan warna berjalan di dalam halaman, dan foto apa pun yang Anda jatuhkan dibaca di perangkat Anda untuk menarik warnanya — tidak pernah dikirim ke mana pun. Warna dasar, palet, dan berkas ekspor Anda tetap lokal, jadi palet merek yang belum dirilis tetap seprivat papan klip Anda sendiri.

Alat terkait