Buat palet warna yang harmonis dari roda warna interaktif — terapkan aturan harmoni seperti analogous, complementary, atau triad, lalu salin nilai apa pun secara instan.

Kecerahan 100%
Aturan harmoni
Warna aktif
HEX
RGB
HSL
Palet

Pilih aturan harmoni dan warna dasar, lalu seret penanda roda untuk penyesuaian halus. Klik swatch apa pun untuk menyalinnya, atau jadikan sebagai warna dasar baru.


Tentang Generator Palet Warna

Color Palette Generator membangun skema warna yang harmonis dari roda warna interaktif. Pilih warna dasar, pilih aturan harmoni — analogous, monochromatic, triad, complementary, split complementary, square, shades atau sepenuhnya kustom — dan alat ini langsung menghitung palet yang sesuai, dengan penanda yang dapat diseret pada roda untuk penyesuaian halus.

Setiap swatch menampilkan nilai HEX, RGB, HSL dan HSB-nya, dan warna mana pun dalam palet dapat dijadikan dasar baru dengan satu klik. Sebuah slider kecerahan menggeser seluruh skema menjadi lebih terang atau lebih gelap sementara hubungan hue tetap terkunci, sehingga menjelajahi variasi skema jadi sangat cepat.

Semuanya dihitung secara langsung di browser Anda menggunakan matematika teori warna pada roda HSV — tidak ada unggahan dan tidak ada bolak-balik ke server. Ketika palet sudah terlihat pas, salin nilai satu per satu, semua warna sekaligus, variabel CSS siap pakai atau ekspor JSON.

Cara menggunakan Generator Palet Warna

  1. Pilih warna dasar dengan pemilih warna, ketik nilainya, atau klik "Random".
  2. Pilih aturan harmoni seperti analogous, complementary, triad atau square.
  3. Seret penanda pada roda dan atur slider kecerahan untuk menyempurnakan skema.
  4. Klik sebuah swatch untuk menyalinnya, atau jadikan sebagai warna dasar baru untuk iterasi.
  5. Ekspor palet dengan "Copy all", "Copy CSS variables" atau "Copy JSON".

Pertanyaan yang sering diajukan

Ya, sepenuhnya gratis. Perhitungan palet berjalan seluruhnya di browser Anda, sehingga tidak ada kredit, akun atau batasan penggunaan yang terlibat.

Setiap aturan menempatkan warna-warna palet lainnya pada sudut tetap di sekitar roda warna relatif terhadap warna dasar Anda: complementary berada di seberang (180°), triad menempatkan warna berjarak 120°, analogous menjaga warna tetangga tetap berdekatan, split complementary mengapit hue yang berseberangan, dan square menempatkan empat hue berjarak 90°.

Skema analogous atau monochromatic adalah pilihan paling aman untuk antarmuka karena terasa tenang dan menyatu. Gunakan complementary atau split complementary saat Anda butuh warna aksen yang kuat untuk tombol dan ajakan bertindak terhadap hue dasar yang dominan.

Bisa. Beralihlah ke aturan Custom dan seret setiap penanda secara independen pada roda, atau mulai dari aturan harmoni apa pun lalu seret penanda untuk menyesuaikan — alat ini menjaga palet tetap diperbarui saat Anda menggerakkannya.

Setiap swatch menampilkan nilai HEX, RGB, HSL dan HSB, semuanya dapat disalin satu per satu. Anda juga bisa menyalin seluruh palet sebagai nilai polos, sebagai properti kustom CSS yang siap untuk stylesheet, atau sebagai JSON untuk diserahkan ke kode atau alat desain.


Pencarian populer
generator palet warna roda warna generator harmoni warna warna komplementer skema warna analog generator palet gratis
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.