Fungsi alat ini
Mengapa menggunakan generator acak
Mode palet dan roda warna
Mengunci, mengganti, dan mengubah jumlah warna
Sinkronkan latar halaman
Salin kode dan unduh file
Pratinjau UI langsung
Penjelasan fitur
Palet acak berisi 2–10 warna
Tombol Buat Warna Acak atau tombol spasi membuat palet baru. Ini cara cepat untuk bereksplorasi. Warnanya sepenuhnya acak, sehingga sebagian kombinasi mungkin tidak serasi.
Kunci dan ganti warna satu per satu
Kunci warna agar tetap ada saat pembuatan berikutnya. Gunakan ikon segarkan untuk mengubah satu swatch saja dan menyusun palet secara bertahap.
Nilai HEX, RGB, dan HSL
Klik nilai pada kartu untuk menyalinnya. Kartu menampilkan hue dan saturasi untuk HSL; nilai HSL yang disalin juga mencakup kecerahan.
Tampilan roda warna
Menunjukkan posisi setiap warna menurut hue dan saturasi. Berguna untuk melihat apakah warna berkumpul atau tersebar di sekeliling roda.
Cuplikan kode untuk empat format
Variabel CSS, objek warna Tailwind, array React, serta konstanta Flutter/Dart. Cuplikan Tailwind adalah fragmen untuk ditempel ke konfigurasi Anda, bukan file lengkap.
Unduh SVG dan salin JSON
SVG berupa deretan swatch sederhana dengan label HEX. Salinan JSON berisi data lengkap tiap warna: HEX, RGB, HSL, dan status kunci.
Sinkronisasi latar halaman dan pratinjau UI
Dua cara cepat melihat palet dalam konteks: latar seluruh halaman dan contoh kecil dengan tombol, kartu, serta lencana.
Untuk apa alat ini dapat digunakan?
Memulai desain baru
Buat palet sampai menemukan warna yang cocok, kunci warna itu, lalu susun warna lain di sekitarnya.
Menyiapkan stylesheet atau tema
Salin warna sebagai variabel CSS atau cuplikan Tailwind dan tempel langsung ke proyek.
Proyek Flutter dan React
Dapatkan konstanta Dart Color atau array JavaScript berisi nilai HEX tanpa mengonversi secara manual.
Berbagi palet dengan desainer
Unduh deretan SVG atau salin JSON agar warna beserta kode HEX dapat dibagikan.
Pembelajaran dan latihan
Gunakan roda untuk melihat hubungan hue dan saturasi dengan posisi warna serta membandingkan warna acak secara visual.
Informasi alat
| Jenis alat | Generator palet warna acak |
|---|---|
| Jumlah warna | 2–10 (mulai dari 6) |
| Nilai warna yang ditampilkan | HEX, RGB, HSL |
| Roda warna | Ya, hanya hue dan saturasi |
| Cuplikan kode | Variabel CSS, Tailwind, array React, Flutter/Dart |
| Unduhan file | SVG (palette.svg) |
| Salinan data | JSON |
| Pintasan keyboard | Spasi membuat palet baru |
| Penyimpanan palet | Tidak; palet hilang saat halaman dimuat ulang |
| Pemeriksaan kontras | Tidak |
| Unggahan file | Tidak ada; alat tidak menerima file masukan |
| Pemrosesan | Di browser |
Manfaat
- Buat dan salin warna tanpa mengunggah apa pun.
- Pintasan spasi memudahkan percobaan banyak palet.
- Kunci dan ganti satu warna untuk menyempurnakan palet tanpa mulai dari awal.
- Kode untuk empat format siap disalin.
Batasan
- Warna sepenuhnya acak. Alat tidak menggunakan aturan harmoni, sehingga kombinasi dapat berbenturan.
- Palet tidak disimpan. Memuat ulang atau menutup halaman menghapus palet saat ini; salin atau unduh yang ingin disimpan.
- Alat tidak memeriksa kontras atau aksesibilitas. Pratinjau hanya contoh visual.
- Satu-satunya unduhan file adalah SVG. Tidak tersedia unduhan swatch PNG, PDF, atau Adobe.
- Salinan JSON menggunakan format data alat sendiri, bukan file token Figma siap pakai.
- Pintasan spasi tidak tersedia di layar sentuh tanpa keyboard. Gunakan tombol.
- Roda hanya menampilkan hue dan saturasi, bukan kecerahan.
Cara alat menangani data Anda
Alat membuat warna, menggambar roda, menyusun cuplikan kode, dan membuat file SVG di browser. Tidak ada unggahan file, dan kode alat sendiri tidak mengirim palet ke server. Penyalinan menggunakan papan klip browser.
Privasi
Alat ini juga tidak menyimpan palet di browser. Pernyataan ini mencakup alat itu sendiri, bukan skrip lain yang mungkin dimuat oleh bagian situs lainnya.
Tips
- Kunci warna utama terlebih dahulu, lalu buat palet lagi untuk mencari warna aksen.
- Aktifkan sinkronisasi latar halaman untuk melihat warna pertama dalam ukuran penuh.
- Tingkatkan jumlah menjadi 10 untuk bereksplorasi, lalu kurangi setelah menemukan beberapa warna bagus.
- Salin palet sebelum memuat ulang halaman karena palet tidak disimpan.
- Sebelum menggunakan palet untuk teks, periksa kontras dengan pemeriksa kontras khusus.
Pertanyaan umum
Apakah saya perlu akun untuk menggunakan alat ini?
Tidak. Alat ini tidak memerlukan langkah masuk. Buka halaman dan mulai membuat warna.
Apakah warnanya benar-benar acak?
Ya. Setiap warna dipilih secara acak dari seluruh nilai HEX. Alat tidak mengikuti aturan harmoni warna, sehingga sebagian palet tampak serasi dan sebagian lainnya tidak.
Berapa banyak warna yang dapat dibuat?
Dari 2 sampai 10 sekaligus. Palet baru dimulai dengan 6 warna.
Bagaimana cara mempertahankan warna yang disukai?
Klik ikon kunci pada kartunya. Warna terkunci tetap ada saat palet baru dibuat. Ikon segarkan hanya mengganti warna tersebut.
Format apa yang dapat disalin?
Warna tunggal dapat disalin sebagai HEX, RGB, atau HSL. Seluruh palet dapat disalin sebagai variabel CSS, cuplikan warna Tailwind, array React, atau konstanta Flutter/Dart. Palet juga dapat disalin sebagai JSON.
Bisakah saya mengunduh palet sebagai file?
Bisa, sebagai file SVG bernama palette.svg. File menampilkan satu swatch per warna dengan kode HEX. Tidak tersedia unduhan swatch PNG, PDF, atau Adobe.
Apakah alat memeriksa kontras teks atau aksesibilitas?
Tidak. Pratinjau di bagian bawah hanya contoh visual. Gunakan pemeriksa kontras sebelum memilih warna teks dan latar.
Apakah palet tersimpan jika halaman dimuat ulang?
Tidak. Palet tidak disimpan. Salin kode atau unduh SVG sebelum meninggalkan halaman.
Apakah alat ini berfungsi di ponsel?
Tombol Buat Warna Acak, kunci, dan tombol salin dapat digunakan dengan sentuhan. Pintasan spasi memerlukan keyboard.