Generator palet warna
Mulai dari warna yang Anda sukai atau biarkan kejutan acak, lalu simpan warna-warna yang cocok.
Tersegel di perangkat ini
Berjalan di browser Anda. Tidak ada yang diunggah.
Tersegel
Palet Anda
Pengaturan
Membangun palet di sekitar warna dasar. Warna yang dikunci tetap dipertahankan.
Ekspor
Cara kerjanya
-
Pilih warna dasar atau acak
Masukkan warna dasar dan pilih harmoni, atau tekan “Palet baru” (atau spasi) untuk mendapatkan palet baru.
-
Kunci yang Anda sukai
Kunci warna yang ingin dipertahankan, lalu buat lagi: hanya warna yang tidak dikunci yang berubah. Klik contoh warna untuk mengaturnya secara manual.
-
Ekspor palet Anda
Salin sebagai variabel CSS atau JSON untuk kode Anda, atau unduh PNG untuk dibagikan ke tim.
Pertanyaan umum
Apa arti harmoni-harmoni ini?
Semuanya berasal dari roda warna. Warna analog bersebelahan dan terasa tenang. Warna komplementer saling berseberangan dan menciptakan kontras. Komplementer terbagi, triadik, dan persegi menyebarkan warna secara merata di sekeliling roda untuk palet yang lebih hidup. Monokromatik memakai versi lebih terang dan lebih gelap dari satu rona.
Bagaimana cara kerja penguncian?
Pilih ikon gembok di bawah warna untuk mempertahankannya. Saat Anda membuat palet baru, warna yang dikunci tetap di posisinya dan warna baru dipilih agar serasi dengannya.
Mengapa warnanya terlihat begitu seimbang?
Palet dibuat dalam OKLCH, ruang warna yang dirancang berdasarkan penglihatan manusia. Memutar rona di ruang ini menjaga kecerahan dan kepekatan warna tetap konsisten, jadi tidak ada warna yang terlihat terlalu terang atau terlalu kusam dibanding yang lain.
Bagaimana cara memakai palet di proyek saya?
Salin ekspor CSS dan tempelkan ke stylesheet Anda: Anda mendapatkan variabel seperti --color-1 yang bisa dipakai di mana saja. Ekspor JSON mencantumkan setiap warna dalam HEX, RGB, dan OKLCH untuk design token atau skrip.
Bisakah saya memakai palet ini untuk keperluan komersial?
Bisa. Warna tidak dimiliki siapa pun, dan palet yang Anda buat di sini bebas Anda gunakan, baik untuk karya pribadi maupun komersial.