Generator Gen Angka Acak
Pilih warna acak dari ruang RGB 24-bit secara lengkap, lalu lihat hasil renderingnya dalam bentuk sampel warna besar yang dilengkapi dengan semua representasi umum di sampingnya: hex (#a3e1b4), RGB (rgb(163, 225, 180)), HSL, serta warna default berdasarkan nama CSS jika cocok. Klik sampel tersebut untuk mengulangi proses pemilihan.
Cara membuat warna acak
-
1
Klik Generasi
Tiga byte acak (0–255) menjadi saluran R, G, dan B.
-
2
Baca semua format
Hex, RGB, HSL, dan HSV semuanya ditampilkan; salin salah satu dari mereka sesuai dengan yang digunakan oleh stylesheet Anda.
-
3
Kunci jika Anda menginginkannya.
Jika hasilnya mendekati yang diinginkan, aktifkan opsi “lock hue” untuk mempertahankan warna dasar, lalu hanya ubah tingkat kecerahan dan saturasi.
Ruang warna
Generator ini menggunakan format RGB 24-bit, yang menghasilkan 16.777.216 warna yang mungkin. Jangkauan warna tersebut sama dengan yang dapat ditampilkan oleh monitor Anda, meskipun sebagian nilai warna berada di sudut-sudut yang lebih gelap atau kehilangan saturasi sehingga sulit dibedakan.
Bagaimana setiap format merepresentasikan warna yang sama
| Format | Sintaks | Byte per saluran |
|---|---|---|
| Hex | #RRGGBB |
8 bit |
| RGB | rgb(R, G, B) |
8 bit |
| HSL | hsl(H, S%, L%) |
Diperoleh dari |
| HSV | hsv(H, S%, V%) |
Diperoleh dari |
| OKLCH | oklch(L C h) |
Seragam secara perseptual |
Mengapa keadaan yang sepenuhnya acak bisa terlihat kacau?
Gambar RGB acak seragam lebih sering menghasilkan warna yang gelap secara persepsi dan kejenuhan warnanya rendah dibandingkan warna cerah serta hidup. Jika Anda membutuhkan hasil yang lebih mencolok, ulangi proses pengolahan menggunakan format HSL dengan saturasi terkunci di atas 60% dan kecerahan antara 45% hingga 65%; Anda akan mendapatkan warna yang menyerupai sampul majalah, bukan warna kotor atau tidak jernih.
Aksesibilitas
Pasangkan setiap warna yang dihasilkan dengan teks putih atau hitam, lalu periksa rasio kontras WCAG sebelum menggunakannya sebagai latar belakang tombol. Untuk teks utama, rasio minimumnya adalah 4,5:1; untuk teks besar, rasio minimalnya adalah 3:1.
Pertanyaan yang Sering Diajukan
Karena sebagian besar ruang warna RGB terletak di bagian gelap dan tengah yang kehilangan saturasi, hanya pada bagian tepi saja warna-warna yang hidup terlihat jelas. Untuk hasil yang lebih menarik, gunakan format HSL atau OKLCH dengan batasan saturasi yang ditentukan.
Gunakan mode terkunci warna (jika terpapar cahaya): pilih nilai warna dalam derajat, dan alat hanya mengubah saturasi serta kecerahan. Sangat berguna untuk mengeksplorasi nuansa warna merek.
Saat ini belum tersedia mode tanpa benih (seeds); setiap klik merupakan hasil pengundian independen dari RNG kripto. Salin kode heksadekimal untuk mempertahankan warna tertentu.
Secara kasar, kode heksadekimal bersifat relatif terhadap perangkat: layar sRGB yang telah dikalibrasi akan menampilkan kode tersebut secara akurat, sedangkan laptop murah cenderung menggesernya ke arah warna biru. Untuk cetakan, konversi ke format CMYK terlebih dahulu sebelum mempercayai tampilan akhirnya.