BerandaAlat DesainPenghasil Palet Warna

Penghasil Palet Warna

Pembuat Palet Warna ini menyusun palet 5 warna dari warna dasar apa pun menggunakan harmoni teori warna — komplementer, triadik, analog, split-komplementer, tetradik, atau monokromatik — dan mengekspornya sebagai CSS custom properties.

Tentang alat ini

Pembuat Palet Warna ini menyusun palet 5 warna dari warna dasar apa pun menggunakan harmoni teori warna — komplementer, triadik, analog, split-komplementer, tetradik, atau monokromatik — dan mengekspornya sebagai CSS custom properties.

Cara menggunakan

  1. Pilih warna dasar dengan color picker.
  2. Pilih jenis harmoni, misalnya komplementer atau triadik.
  3. Tinjau lima swatch warna yang dihasilkan.
  4. Klik Salin sebagai Variabel CSS untuk menempelkan palet ke stylesheet Anda.

Perlu diketahui

  • Warna komplementer berjarak 180° pada roda warna; warna triadik berjarak 120° satu sama lain.
  • Palet analog memakai hue yang berdekatan (sekitar 30°) dan cenderung terasa tenang dan selaras.
  • Split-komplementer memadukan hue dasar dengan dua hue di kedua sisi komplemennya (±30°), memberi kontras dengan ketegangan yang lebih rendah.
  • Palet monokromatik mempertahankan satu hue dan hanya memvariasikan saturasi dan kecerahan.
  • Generator ini bekerja dalam HSL, yang memutar hue tanpa mengubah kecerahan warna.

Berjalan sepenuhnya di browser Anda — apa pun yang Anda masukkan tidak diunggah atau disimpan.

Pertanyaan umum

Apa itu palet warna komplementer?

Palet komplementer memadukan satu hue dengan hue yang berseberangan langsung di roda warna (berjarak 180°), seperti biru dan oranye. Palet ini memberi kontras paling kuat di antara semua harmoni.

Berapa banyak warna yang sebaiknya ada di palet website?

Kebanyakan antarmuka memakai satu warna utama, satu atau dua warna aksen, dan serangkaian warna netral. Harmoni lima warna adalah titik awal yang baik, yang bisa Anda kurangi atau kembangkan dengan tint dan shade.

Apa perbedaan triadik dan tetradik?

Triadik memakai tiga hue yang berjarak merata 120°. Tetradik memakai empat hue yang berjarak 90° sehingga membentuk persegi di roda warna, lebih kaya tetapi lebih sulit diseimbangkan.

Bisakah palet ini dipakai di CSS atau Tailwind?

Bisa. Salin palet sebagai CSS custom properties dan gunakan dengan var(), atau tempel nilai hex ke warna tema Tailwind Anda.