Generator warna acak
Warna acak sudah menunggu — tekan Spasi untuk warna berikutnya, salin HEX, RGB, atau HSL dengan satu klik.
- HEX
- RGB
- HSL
Cara menggunakan
- Sebuah warna sudah tampil saat halaman dibuka — hasil pertama tidak perlu diklik.
- Tekan Spasi (atau “Buat”) untuk warna berikutnya. Pilih gaya dulu bila ingin jenis acak yang berbeda: “Seimbang” tetap di bagian tengah ruang warna yang bisa dipakai, “Bebas” mengundi seluruh ruang HSL, “Cerah” dan “Pastel” mengarah ke warna aksen dan latar lembut.
- Salin HEX, RGB, atau HSL dengan tombolnya — atau klik swatch besar untuk menyalin HEX. “Salin ketiganya” menaruh setiap format di papan klip, satu per baris.
Contoh
Pengaturan
Gaya “Seimbang”
Salah satu kemungkinan hasil
HEX #A5B3C0 RGB rgb(165, 179, 192) HSL hsl(210, 18%, 70%)
Nilainya acak, jadi Anda tidak akan pernah mendapat yang persis ini — periksa bentuknya: HEX adalah # plus enam digit heksadesimal, RGB tiga bilangan bulat 0–255, HSL hue dalam derajat plus dua persentase. Lencana Aa pada swatch menunjukkan bagaimana teks hitam dan putih terbaca di warna itu (kontras WCAG; 21:1 terbaik, 1:1 tak terlihat).
Cakupan, batasan, dan pertanyaan umum
- Hanya warna opak: tanpa alpha dan tanpa HEX 8 digit. Untuk transparansi, tempel nilainya ke konverter warna.
- Tiga format: HEX, RGB, dan HSL. HSV, CMYK, dan ruang warna lain adalah tugas konverter warna.
- “Seimbang”, “Cerah”, dan “Pastel” adalah rentang HSL yang dipilih secara manual agar berguna — sengaja bukan undian yang seragam secara matematis. Pilih “Bebas” untuk undian seragam di seluruh ruang HSL; abu-abu keruh dan hampir putih adalah bagian dari konsekuensinya.
- Keacakan berasal dari crypto.getRandomValues peramban Anda — kuat secara kriptografis, tetapi bukan layanan “acak sejati” berbasis noise atmosfer.
- Strip warna terbaru hanya hidup selama kunjungan ini: memuat ulang menghapusnya. Tidak ada yang diunggah, disimpan, atau dimasukkan ke URL, dan tombol bagikan hanya membagikan tautan halaman.
- Lencana Aa hanya membandingkan warna dengan teks hitam dan teks putih (luminans relatif WCAG 2.x). Warna teks lain, overlay, dan manajemen warna di luar cakupan.
- Pembulatan hanya pada tampilan: mengonversi warna yang sama antara HEX dan HSL dapat menggeser satu kanal sebesar 1.
Alat terkait
Yang biasanya dibutuhkan berikutnya setelah warnanya di tangan.