🛝Toolio
Tentang Kontak

🎨 Generator Palet Warna

Buat palet 5 warna yang indah secara instan menggunakan mode harmoni seperti Analog, Komplementer, dan Triadik — atau ambil palet langsung dari gambar apa pun, atau dari kata suasana seperti sunset. Kunci warna yang Anda suka dan palet lainnya dibangun di sekitar warna tersebut, lalu ekspor palet tersebut sebagai daftar HEX, variabel CSS, konfigurasi Tailwind, JSON, atau token Figma. Ini sepenuhnya gratis dan berjalan sepenuhnya di browser Anda tanpa unggah atau login. Mencari alternatif gratis Coolors? Versi Toolio sepenuhnya gratis dan tidak memerlukan pendaftaran.

Tekan tombol Spacebar untuk membuat palet baru.

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

Tentang

Alat ini membuat palet 5 warna dalam tiga cara: buat dari empat mode harmoni (Acak, Analog, Komplementer, Triadik); ketikkan kata suasana seperti sunset, ocean, atau cyberpunk untuk mendapatkan palet dalam gaya tersebut; atau ekstrak lima warna utama dari gambar apa pun yang Anda pilih — gambar diproses secara lokal dengan kuantisasi median-cut, setiap hasil adalah warna yang benar-benar muncul dalam gambar, dan tidak ada yang diunggah. Kunci swatch individu untuk mempertahankannya selama regenerasi; dalam mode Analog, Komplementer, dan Triadik, palet lainnya dibangun di sekitar hue swatch yang dikunci pertama. Salin kode HEX tunggal atau ekspor seluruh palet dalam format yang Anda butuhkan: daftar HEX biasa, properti kustom CSS, snippet warna Tailwind, array JSON, atau token desain Figma. Semua 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), jadi palet yang dihasilkan atau berasal dari gambar dapat langsung bergerak menuju alur kerja cetak.

Cara pakai

  1. Pilih mode harmoni — Acak, Analog, Komplementer, atau Triadik — dari dropdown Mode.
  2. Klik “Buat” (atau tekan tombol Spacebar) untuk membuat palet 5 warna baru.
  3. Klik ikon kunci pada swatch mana pun untuk mempertahankan warna tersebut; swatch lainnya akan dibuat ulang di sekitar hue warna tersebut (dalam mode Acak tetap acak).
  4. Klik Copy HEX pada swatch untuk menyalin kode HEX warna tersebut ke clipboard Anda.
  5. Gunakan Salin Semua untuk menyalin lima warna sekaligus, dalam format ekspor yang dipilih di sebelahnya, untuk digunakan dalam alat desain atau kode Anda.
  6. Klik “Dari gambar” dan pilih foto — alat ini menarik lima warna dominan dari foto tersebut ke dalam palet, semua secara lokal.
  7. Pilih format ekspor — daftar HEX, variabel CSS, Tailwind, JSON, atau token Figma — dan klik Salin Semua untuk memasukkan palet ke dalam proyek Anda.
  8. Atau ketikkan kata suasana seperti sunset, ocean, atau cyberpunk dan klik “Dari suasana” untuk menghasilkan palet dalam gaya tersebut.

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?
Acak memilih lima hue yang tidak terkait. Analog menyebar lima hue sejauh 20° di sepanjang rentang 80° pada roda warna untuk tampilan yang tenang dan kohesif. Komplementer meletakkan dua swatch dekat hue dasar dan tiga di sisi yang berlawanan dari roda (170°, 180°, dan 190° jauhnya) untuk kontras tinggi. Triadik menempatkan hue sejauh 120°: dua swatch dekat hue dasar, dua dekat +120°, dan satu di +240°. Kejenuhan dan kecerahan bervariasi dalam rentang moderat di setiap mode. Roda warna adalah roda HSL (screen-light), jadi komplementer dari merah adalah cyan, bukan hijau.
Apakah saya bisa mempertahankan warna yang saya sukai sementara regenerasi warna lainnya?
Ya. Klik ikon kunci pada swatch mana pun untuk menguncinya. Swatch yang dikunci dilewati selama pembuatan. Dalam mode Analog, Komplementer, dan Triadik, swatch lainnya dibangun di sekitar hue dari swatch yang dikunci pertama (swatch abu-abu tidak memiliki hue dan diabaikan untuk hal ini), sehingga palet tetap harmonis di sekitar warna favorit Anda; dalam mode Acak mereka tetap Acak. Palet dan kunci Anda disimpan di browser ini.
Bisakah saya membuat palet dari gambar?
Ya. Klik “Dari gambar” dan pilih foto. Alat ini memperkecil foto tersebut, mengelompokkan piksel yang mirip dengan kuantisasi median-cut, dan memilih kelima kelompok paling menonjol yang terlihat jelas berbeda satu sama lain. Setiap hasil adalah warna yang benar-benar muncul dalam gambar, bukan rata-rata, diurutkan dari gelap ke terang, dan semuanya terjadi di browser Anda — gambar tidak pernah diunggah. Jika gambar memiliki kurang dari lima warna yang berbeda, seperti warna tunggal datar, swatch yang tersisa adalah langkah terang dan gelap dari warna dominan.
Format ekspor apa saja yang tersedia?
Salin palet sebagai daftar HEX biasa, properti kustom CSS (:root variabel), snippet warna Tailwind, array JSON, atau token desain Figma (format Tokens Studio). Pilih format dari dropdown, lalu klik Salin Semua — siap ditempelkan ke 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.
Bisa buat palet dari kata?
Ya. Ketikkan suasana seperti sunset, ocean, cyberpunk, atau obangsaek (lima warna tradisional Korea) di kotak suasana dan klik “Dari suasana”. Kata suasana yang dikenal menggunakan hue, saturasi, dan rentang kecerahan yang cocok, dan obangsaek mengembalikan lima warna tradisional tetap. Kata yang alat ini tidak mengenal tetap menghasilkan palet, tetapi warna-warnanya tidak terkait dengan makna kata tersebut.
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.