Generator Palet Warna

Buat palet warna harmonis dari warna dasar apa pun.

Generator

Pilih warna dasar (atau gunakan Acak) dan dapatkan lima harmoni warna siap pakai: komplementer, analog, triadik, split-komplementer, dan monokromatik. Klik swatch warna mana pun untuk menyalin kode HEX-nya. Semua perhitungan berjalan di browser Anda.

Tentang Generator Palet Warna

Memilih warna yang harmonis membuat desain dan merek terlihat konsisten dan profesional. Alat ini menggunakan teori warna standar (roda warna HSL) untuk menghasilkan lima jenis palet dari satu warna dasar: komplementer, analog, triadik, split-komplementer, dan monokromatik. Anda mendapatkan beberapa warna siap pakai dan dapat menyalin setiap kode HEX dengan satu klik — tanpa perlu perangkat lunak desain. Semua perhitungan berjalan di browser Anda.

Cara penggunaan

  1. Atur Warna dasar dengan color picker atau dengan mengetik kode HEX (misalnya #2563EB). Atau klik Acak untuk inspirasi.
  2. Gulir melalui palet yang dihasilkan. Setiap bagian menampilkan jenis harmoni dan swatch warnanya dengan kode HEX.
  3. Klik swatch mana pun untuk menyalin nilai HEX-nya ke clipboard untuk digunakan di CSS, Figma, atau alat lainnya.

Kapan digunakan

  • Memulai merek atau situs web baru dan membutuhkan set warna yang kohesif
  • Mencari warna aksen yang cocok dengan warna merek yang ada
  • Membuat grafik, dashboard, atau UI dengan warna yang berbeda tetapi harmonis
  • Mempelajari teori warna atau menjelajahi kombinasi dengan cepat

Detail

Warna dihitung dalam HSL (Hue, Saturation, Lightness). Komplementer = hue +180°. Analog = hue ±30°. Triadik = hue +120° dan +240°. Split-komplementer menggunakan hue pada +150° dan +210°. Monokromatik mempertahankan hue yang sama dan memvariasikan lightness. Untuk nilai RGB/HSL yang presisi, gunakan Konverter Warna kami pada HEX yang dipilih.

Pertanyaan yang Sering Diajukan

Jenis palet apa yang dihasilkan?
Lima jenis: (1) Komplementer — satu warna berlawanan di roda warna. (2) Analog — dua tetangga (misalnya ±30°). (3) Triadik — tiga warna berjarak 120°. (4) Split-komplementer — warna dasar ditambah dua warna di dekat komplemen. (5) Monokromatik — lima nuansa hue yang sama dengan lightness berbeda. Semua diturunkan dari warna dasar yang Anda pilih.
Bisakah saya menyalin warna individual?
Ya. Klik swatch warna mana pun untuk menyalin kode HEX-nya (misalnya #2563EB) ke clipboard Anda. Anda kemudian bisa menempelnya di CSS, alat desain, atau color picker apa pun.
Apakah ini berjalan di browser?
Ya. Semua perhitungan warna (konversi HSL dan perhitungan harmoni) berjalan dalam JavaScript di browser Anda. Tidak ada data yang dikirim ke server.
Apa perbedaan antara ini dan Konverter Warna?
Konverter Warna mengonversi satu warna antara HEX, RGB, dan HSL. Alat ini mengambil satu warna dasar dan menghasilkan seluruh palet (beberapa warna harmonis) untuk desain dan branding.