Generator Palet Warna

Hasilkan gradasi, tint, dan warna harmonis dari satu warna HEX dasar, masing-masing dengan nilai HEX yang dapat disalin.

Memuat alat…

Generator Palet WarnaMasukkan satu warna dasar dalam HEX dan langsung dapatkan palet lengkap di sekitarnya — tint yang lebih terang, gradasi yang lebih gelap, warna komplementer, serta set analog dan triadik. Setiap swatch menampilkan nilai HEX-nya dengan tombol salin sekali klik. Semuanya berjalan sepenuhnya di browser Anda; tidak ada warna yang pernah dikirim ke server.

Apa itu Generator Palet Warna?

Generator Palet Warna adalah pembuat skema warna online gratis untuk desainer dan pengembang front-end yang perlu membangun palet lengkap di sekitar satu warna dasar. Masukkan satu warna HEX dan alat ini langsung menurunkan tint yang lebih terang, gradasi yang lebih gelap, warna komplementer, serta harmoni analog dan triadik menggunakan matematika warna HSL — setiap swatch ditampilkan dengan nilai HEX-nya dan tombol salin sekali klik. Gunakan untuk memilih warna UI, membangun tangga gradasi/tint, atau menemukan warna aksen yang cocok untuk sebuah merek. Ini adalah generator palet warna HEX, pembuat gradasi/tint, dan pencari warna komplementer dalam satu alat.

Cara menggunakan Generator Palet Warna

  1. Ketik warna dasar di kolom Warna dasar (HEX) menggunakan format #rrggbb atau #rgb, atau klik swatch pemilih warna besar untuk memilihnya secara visual.
  2. Atur Gradasi per sisi ke 2, 3, atau 4 untuk mengontrol berapa banyak tint yang lebih terang dan gradasi yang lebih gelap dihasilkan di setiap sisi warna dasar.
  3. Baca bagian Gradasi & tint: tint yang lebih terang muncul di atas warna dasar dan gradasi yang lebih gelap di bawahnya, masing-masing diberi label (Lighter N / Base / Darker N) dan ditampilkan dengan nilai HEX-nya.
  4. Baca bagian Warna harmonis untuk warna komplementer, analog (+30deg / -30deg), dan triadik (+120deg / -120deg).
  5. Klik tombol salin di samping swatch mana pun (atau di samping kolom dasar) untuk menyalin nilai HEX tersebut ke papan klip Anda.

Contoh

Warna komplementer dari merah murni

Masukan

#ff0000

Keluaran

#00ffff

Warna triadik dari merah murni

Masukan

#ff0000

Keluaran

#00ff00

Membangun tangga gradasi merek

Masukkan biru merek Anda (mis. #4f86f7) dan atur Gradasi per sisi ke 4 untuk mendapatkan empat tint yang lebih terang di atas dan empat gradasi yang lebih gelap di bawah warna dasar, sehingga menghasilkan tangga 9 langkah yang bisa Anda salin warna demi warna ke dalam token desain Anda.

Pertanyaan yang sering diajukan

Format warna apa saja yang bisa saya masukkan?
Warna dasar dimasukkan sebagai nilai HEX dalam format #rrggbb (enam digit) atau bentuk singkat #rgb (tiga digit). Jika nilainya bukan warna HEX yang valid, pesan 'Invalid HEX color' muncul dan tidak ada palet yang dihasilkan. Semua swatch keluaran ditampilkan sebagai HEX #rrggbb.
Berapa banyak gradasi dan tint yang dihasilkan?
Anda memilih 2, 3, atau 4 gradasi per sisi. Alat ini menghasilkan sejumlah itu tint yang lebih terang (diinterpolasi menuju putih) dan jumlah yang sama gradasi yang lebih gelap (diinterpolasi menuju hitam), ditambah warna dasar di tengah.
Warna harmonis apa saja yang disertakan?
Alat ini menghasilkan warna komplementer (hue diputar 180deg), dua warna analog (+30deg dan -30deg), dan dua warna triadik (+120deg dan -120deg), semuanya dihitung dengan memutar hue warna dasar dalam HSL.
Bisakah saya memilih warna secara visual alih-alih mengetik HEX?
Bisa. Klik swatch besar dengan pemilih warna bawaan untuk memilih warna; kolom HEX diperbarui otomatis, dan palet dihitung ulang seketika saat Anda mengubahnya.
Apakah data warna saya diunggah ke suatu tempat?
Tidak. Semuanya berjalan sepenuhnya di browser Anda menggunakan matematika warna lokal — tidak ada nilai warna yang pernah dikirim ke server, sehingga alat ini bekerja offline dan menjaga palet Anda tetap privat.

Alat terkait