Gratis

Generator Palet Warna

Menghasilkan palet warna yang harmonis.Jelajahi skema triadik yang saling melengkapi, analog.Ekspor sebagai CSS, Tailwind, atau gambar.

File Anda tidak pernah meninggalkan perangkat Anda
Sisa 10:00
#5B981B
rgb(91, 152, 27)
hsl(89°, 70%, 35%)
#CE3CEC
rgb(206, 60, 236)
hsl(290°, 82%, 58%)
#A0E628
rgb(160, 230, 40)
hsl(82°, 79%, 53%)
#D53F96
rgb(213, 63, 150)
hsl(325°, 64%, 54%)
#54EE4F
rgb(84, 238, 79)
hsl(118°, 82%, 62%)

Alat Terkait

Buka Batas

Dapatkan akses tak terbatas ke semua alat dan fitur premium untuk meningkatkan alur kerja Anda.

Tingkatkan ke Pro

Apa itu Generator Palet Warna?

Generator Palet Warna Gratis StackPro membantu desainer dan pengembang menciptakan skema warna yang indah dan harmonis dalam hitungan detik.Mulailah dari warna dasar apa pun dan jelajahi harmoni yang saling melengkapi, analog, triadik, dan monokromatik.Kunci warna yang Anda sukai, sesuaikan setiap warna dengan pemilih visual, periksa rasio kontras untuk aksesibilitas, dan ekspor dalam format siap pengembang seperti properti khusus CSS, konfigurasi Tailwind, atau variabel SCSS.

Cara Menggunakan Generator Palet Warna

  1. Pilih warna dasar menggunakan pemilih warna atau masukkan nilai hex.
  2. Pilih mode harmoni (komplementer, analog, triadik, dll.).
  3. Sempurnakan warna individual dengan mengeklik contoh mana pun.
  4. Kunci warna yang Anda suka dan tekan "Hasilkan" untuk variasi baru.
  5. Ekspor palet akhir sebagai CSS, Tailwind, SCSS, atau unduh sebagai PNG.

Fitur

  • Berbagai mode harmoni: komplementer, analog, triadik, tetradik, monokromatik
  • Pemilih warna visual dengan input hex, RGB, dan HSL
  • Penguncian warna untuk pembuatan palet berulang
  • Pemeriksa rasio kontras WCAG
  • Ekspor sebagai properti khusus CSS, Tailwind, atau SCSS
  • Unduh palet sebagai gambar PNG
  • Sejarah palet dan favorit
  • 100% pemrosesan sisi klien

Pertanyaan yang Sering Diajukan

Mode harmoni warna apa yang tersedia?▼
Hasilkan palet menggunakan harmoni warna komplementer, analog, triadik, tetradik, split-komplementer, dan monokromatik.Anda juga dapat membuat palet khusus dengan memilih warna individual.
Bisakah saya mengekspor palet untuk pengembangan?▼
Ya!Ekspor palet Anda sebagai properti khusus CSS, konfigurasi Tailwind CSS, variabel SCSS, atau sebagai gambar PNG yang dapat diunduh.Setiap format siap ditempelkan ke proyek Anda.
Bagaimana cara menemukan kombinasi warna yang mudah diakses?▼
Generator menyertakan pemeriksa kontras yang mengevaluasi rasio kontras WCAG 2.0 antara dua warna di palet Anda, membantu Anda memastikan keterbacaan teks dan kepatuhan aksesibilitas.
Bisakah saya mengunci warna sambil membuat palet baru?▼
Ya!Kunci warna apa pun yang Anda suka, lalu buat ulang — hanya warna yang tidak terkunci yang akan berubah.Ini memungkinkan Anda membangun palet sempurna di sekitar warna merek Anda secara berulang.