🛝Toolio
Tentang Kontak

🎨 Generator Palet Warna

Buat palet warna 5 warna yang indah secara instan menggunakan mode harmoni seperti analogous, complementary, dan triadic — atau ambil palet langsung dari gambar apa pun. Kunci warna yang Anda sukai, lalu ekspor himpunan tersebut sebagai daftar HEX, variabel CSS, konfigurasi Tailwind, atau JSON. Ini sepenuhnya gratis dan berjalan sepenuhnya di browser Anda tanpa unggah atau login.

Tekan tombol Spacebar untuk membuat palet baru.

Privat sejak awal. Alat ini berjalan sepenuhnya di browser Anda — tidak ada yang Anda masukkan diunggah atau disimpan, dan bisa dipakai offline.

Tentang

Alat ini membuat palet warna 5 warna dengan dua cara: buat dari empat mode harmoni (Random, Analogous, Complementary, Triadic), atau ekstrak lima warna dominan dari gambar apa pun yang Anda pilih — gambar diproses secara lokal dengan median-cut kuantisasi dan tidak pernah diunggah. Kunci swatch individu untuk mempertahankannya selama regenerasi, lalu salin kode HEX tunggal apa pun atau ekspor seluruh palet dalam format yang Anda butuhkan: daftar HEX biasa, properti CSS kustom, potongan warna Tailwind, atau array JSON. Segala sesuatu berjalan di browser Anda, jadi tidak ada data warna atau gambar yang pernah meninggalkan perangkat Anda — tidak ada server, tidak ada akun. Setiap swatch juga menampilkan nomor PANTONE Solid Coated terdekat (misalnya, PANTONE 185 C), sehingga palet yang dihasilkan atau berasal dari gambar dapat langsung dibawa menuju alur kerja cetak.

Cara pakai

  1. Pilih mode harmoni — Random, Analogous, Complementary, atau Triadic — dari dropdown Mode.
  2. Klik Generate (atau tekan tombol Spacebar) untuk membuat palet warna 5 warna baru.
  3. Klik ikon kunci pada swatch mana pun untuk membekukan warna tersebut sementara regenerasi warna lainnya.
  4. Klik Copy HEX pada swatch untuk menyalin kode HEX warna tersebut ke clipboard Anda.
  5. Gunakan Copy All untuk mengekspor semua lima kode HEX sekaligus untuk digunakan dalam alat desain atau kode Anda.
  6. Klik 'Dari gambar' dan pilih foto — alat ini menarik lima warna dominan dari gambar tersebut ke dalam palet, semua secara lokal.
  7. Pilih format ekspor — daftar HEX, variabel CSS, Tailwind, atau JSON — lalu klik Salin untuk menempatkan palet ke dalam proyek Anda.

FAQ

Apakah alat ini gratis digunakan?
Ya, sepenuhnya gratis — tanpa langganan, tanpa akun, dan tanpa batas tersembunyi. Hanya buka halaman dan mulailah menghasilkan palet warna.
Apakah Anda mengunggah data warna saya ke server?
Tidak. Seluruh alat berjalan di browser Anda menggunakan JavaScript. Tidak ada yang dikirim ke server mana pun — data palet warna Anda hanya tersimpan di localStorage browser Anda saja.
Apakah Generator Palet Warna ini berfungsi offline?
Ya. Setelah halaman dimuat, alat ini berfungsi sepenuhnya offline. Tidak ada panggilan API eksternal atau ketergantungan CDN yang diperlukan.
Apa perbedaan antara mode harmoni?
Random memilih lima nuansa warna yang tidak terkait. Analogous mengelompokkan lima nuansa warna yang dekat di roda warna untuk tampilan tenang dan kohesif. Complementary memadukan nuansa warna dari sisi yang berlawanan di roda warna untuk kontras tinggi. Triadic mendistribusikan tiga keluarga nuansa warna 120 derajat untuk palet warna yang cerah dan seimbang.
Apakah saya bisa mempertahankan warna yang saya sukai sementara regenerasi warna lainnya?
Ya. Klik ikon kunci pada swatch mana pun untuk membekukannya. Swatch yang dikunci dilewati selama proses pembuatan sehingga Anda dapat beriterasi bebas di sekitar warna favorit Anda.
Bisakah saya membuat palet dari gambar?
Ya. Klik 'Dari gambar' dan pilih foto; alat ini mengekstrak lima warna dominan menggunakan median-cut kuantisasi, sepenuhnya di browser Anda — gambar tidak pernah diunggah.
Format ekspor apa saja yang tersedia?
Salin palet sebagai daftar HEX biasa, properti CSS kustom (variabel :root), potongan warna Tailwind, atau array JSON — siap untuk ditempelkan ke dalam kode atau alat desain Anda.
Apakah saya bisa melihat nomor Pantone untuk palet?
Ya. Setiap dari lima swatch menampilkan kode HEX dan cocok PANTONE Solid Coated terdekat (misalnya, PANTONE 185 C); klik label Pantone untuk menyalinnya. Cocok menggunakan rumus perbedaan warna CIEDE2000 perseptual dan merupakan referensi pendekatan sRGB, karena tinta Pantone spot didefinisikan secara fisik, bukan oleh nilai layar.
Apakah alat ini mengunggah data saya?
Tidak. Semuanya berjalan langsung di browser Anda, jadi data Anda tidak pernah meninggalkan perangkat — bahkan tetap bisa dipakai offline setelah halaman dimuat.