Apa itu Generator Warna Acak?

Hasilkan warna acak lengkap dengan nilai HEX, RGB, dan HSL. Kunci warna favorit Anda, hasilkan ulang sisanya, dan salin kode warna apa pun dengan satu klik.

Tekan spasi (atau klik generate) dan halaman menukar satu baris baru warna acak, masing-masing dengan nama serta nilai HEX, RGB, dan HSL. Geser slider dan palet berubah dari satu warna aksen saja hingga delapan sampel. Pindahkan pemilih Gaya ke Pastel, Vibran, Gelap, atau Earth untuk mencondongkan keacakan ke suatu suasana, atau pilih aturan Harmoni (komplementer, analog, triadik, tetradik) supaya warna terhubung lewat teori warna, bukan berdiri sendiri-sendiri. Kunci warna yang disuka pakai ikon gembok, lalu acak ulang sisanya. Setiap kode tersalin ke clipboard sekali klik, dan seluruh palet bisa diunduh sebagai berkas teks biasa atau gambar PNG siap dibagikan. Butuh kode? Satu ketukan menyalin seluruh set sebagai blok :root berisi properti khusus CSS, dan ketukan lain menyalin tautan yang membuka kembali palet ini persis di mana pun kamu menempelkannya. Buka strip terang-gelap pada sembarang swatch untuk mengambil lima langkah lebih terang dan lima lebih gelap, pas untuk status hover, garis tepi, dan latar bernuansa.

Cara menggunakan

1. Tentukan berapa warna yang kamu mau (1 sampai 8, default 5), lalu klik generate untuk mengisi palet.
2. Kunci warna yang ingin Anda pertahankan, lalu generate ulang untuk mengisi slot yang tersisa.
3. Klik kode warna mana pun (HEX, RGB, atau HSL) untuk menyalinnya ke clipboard.

Kapan menggunakan

• Memecah kebuntuan kreatif ketika menatap berkas Figma kosong tanpa arah warna sama sekali.
• Menentukan keluarga warna untuk proyek sampingan, dokumen brainstorming, atau kegiatan seni anak — apa pun nuansa acaknya tetap bisa dipakai.
• Mengambil HEX cepat untuk grafik sekali pakai (banner, ubin media sosial, wallpaper kunci) tanpa harus menyisir daftar warna tren tahunan.

Hasil

Seorang desainer web butuh warna aksen untuk proyek baru. Ia terus menghasilkan palet hingga menemukan #E8674A (coral hangat), menguncinya, lalu terus generate untuk menemukan warna komplementer.

FAQ

Bagaimana warna sebenarnya dipilih?

Pada mode default Acak + Bebas setiap kanal (merah, hijau, biru) mendapat bilangan bulat baru antara 0 dan 255, sehingga salah satu dari sekitar 16,7 juta triplet RGB bisa muncul — keacakan seragam sejati, tanpa bias yang dikurasi. Saat Anda memilih Gaya (Pastel, Vibran, Gelap, Earth), alat ini mengacak rona, saturasi, dan kecerahan di dalam rentang suasana itu. Mode Harmoni mengambil satu warna dasar acak lalu menurunkan sisanya lewat pergeseran teori warna pada roda warna.

Mengapa palet acak kadang terlihat berlumpur?

Distribusi seragam di RGB cenderung jatuh pada abu-abu tengah dan nada tumpul karena sebagian besar volume kubusnya ada di sana. Jalan tercepat adalah pindahkan pemilih Gaya dari Bebas ke Vibran atau Pastel — alat lalu mengambil sampel di rentang rona/saturasi/kecerahan yang sudah dikurasi, dan bagian tengah yang keruh tidak pernah muncul. Bisa juga kunci warna yang sudah bagus dan acak ulang sisanya dua atau tiga kali sampai barisnya pas.

Bisakah saya menyimpan satu warna dan mengacak yang lain?

Bisa. Klik ikon gembok pada warna pilihan untuk menguncinya lalu tekan generate. Warna yang terkunci tetap, sementara yang lain diacak ulang. Ini cara tercepat menetapkan warna dasar lalu menjelajahi aksen di sekelilingnya.

Apa beda HEX, RGB, dan HSL?

HEX (#1A2B3C) adalah RGB yang sama, ditulis dalam basis 16; lazim di CSS dan alat desain. RGB (rgb(26,43,60)) menyebut tiga kanal dalam desimal. HSL (hsl(210,40%,17%)) menjelaskan rona, saturasi, dan kecerahan, lebih intuitif untuk penyetelan manual.

Hasilnya benar-benar acak atau pakai seed?

Digunakan Math.random JavaScript di tab Anda. Secara teknis ini pseudo-acak, tetapi untuk kebutuhan desain tidak bisa dibedakan dari acak sejati. Muat ulang halaman dan Anda mendapatkan palet baru sepenuhnya setiap kali.

Alat terkait