Generator warna acak
Warna dan kode acak untuk desain dan kode program.
Klik kode untuk menyalinnya. Klik kunci untuk mempertahankan warna saat kamu membuat lagi.
- Kode HEX, RGB, atau HSL
- Palet pastel dan gelap
- Kunci warna, acak ulang sisanya
Cara membuat warna acak
- Atur jumlah warna dan pilih format kodenya.
- Pilih palet acak, pastel, atau gelap.
- Klik swatch untuk menyalin kodenya, atau kunci sebelum membuat lagi.
Perbandingan HEX, RGB, dan HSL
Ketiga format ini menjelaskan warna yang persis sama. Mana yang kamu perlukan tergantung di mana kamu akan menempelkannya.
| Format | Contoh | Cocok untuk |
|---|---|---|
| HEX | #3B82F6 | CSS, tool desain, berbagi cepat |
| RGB | rgb(59, 130, 246) | CSS, kode yang mencampur atau memudarkan warna |
| HSL | hsl(217, 91%, 60%) | Mengatur warna manual: hue, lalu seberapa pekat, lalu seberapa terang |
HSL biasanya paling mudah diatur sendiri, karena menggeser angka kecerahan lebih terang atau gelap tetap mempertahankan hue yang sama, sesuatu yang lebih sulit dilakukan dengan mata memakai HEX dan RGB.
Acak, pastel, dan gelap, dalam angka
Tiap mode memilih dari bagian roda warna yang berbeda, bukan cuma mengubah hue-nya.
| Mode | Rentang saturasi | Rentang kecerahan |
|---|---|---|
| Acak | 40 sampai 100% | 25 sampai 75% |
| Pastel | 35 sampai 60% | 75 sampai 88% |
| Gelap | 35 sampai 70% | 12 sampai 28% |
Hue selalu dipilih dari rentang penuh 0 sampai 359 di tiap mode, jadi pastel dan gelap tetap mencakup semua keluarga warna, hanya lebih terang atau lebih gelap.
Kegunaan warna acak
- Inspirasi desain cepat saat kamu buntu memilih warna brand atau tema.
- Warna placeholder untuk wireframe, chart, dan mockup UI sebelum palet asli dipilih.
- Membuat warna latar avatar, tag, atau kategori di sebuah aplikasi.
- Proyek seni dan kerajinan, seperti prompt warna acak untuk sketsa harian.
FAQ Generator warna acak
Apa bedanya tiap palet?
Acak mencakup seluruh roda warna. Pastel menjaga kecerahan dan saturasi tetap lembut untuk latar yang halus. Gelap menjaga kecerahan warna tetap rendah untuk tema gelap dan teks kontras.
Bagaimana cara menyimpan warna yang aku suka?
Klik ikon kunci pada swatch. Swatch yang dikunci akan mempertahankan warnanya saat kamu membuat lagi, jadi kamu bisa mengacak ulang sisanya saja.
Apa bedanya HEX, RGB, dan HSL?
HEX dan RGB menjelaskan warna lewat jumlah merah, hijau, dan birunya. HSL menjelaskannya lewat hue, saturasi, dan kecerahan, yang sering kali lebih mudah diatur secara manual.
Bagaimana cara menyalin kode warna?
Klik teks kode di bawah swatch mana pun dan langsung tersalin ke clipboard kamu.
Rentang apa yang sebenarnya dipakai tiap palet?
Acak memilih hue mana pun dengan saturasi 40 sampai 100 persen dan kecerahan 25 sampai 75 persen. Pastel mempersempit kecerahan jadi 75 sampai 88 persen. Gelap mempersempit kecerahan jadi 12 sampai 28 persen, dengan saturasi 35 sampai 70 persen supaya warnanya tetap pekat, bukan kusam.
Apakah dua warna acak akan terlihat cocok bersama?
Kadang-kadang. Alat ini memilih warna secara independen untuk variasi dan inspirasi, bukan membangun palet yang serasi. Untuk warna yang dijamin cocok bersama, buat beberapa warna, kunci yang kamu suka, dan acak ulang sisanya sampai set-nya terasa pas.
Bisakah aku membuat hanya satu warna, bukan satu set?
Bisa, atur jumlahnya jadi 1 dan klik Buat untuk mendapat satu warna acak dalam format pilihanmu.
Di mana aku bisa memakai kode HEX atau RGB setelah dapat?
Tempel kode HEX langsung ke CSS, Figma, Photoshop, atau hampir semua tool desain. Nilai RGB dan HSL bekerja dengan cara yang sama di fungsi CSS seperti rgb() dan hsl().