Generator warna acak

Warna acak sudah menunggu — tekan Spasi untuk warna berikutnya, salin HEX, RGB, atau HSL dengan satu klik.

Cara menggunakan

  1. Sebuah warna sudah tampil saat halaman dibuka — hasil pertama tidak perlu diklik.
  2. 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.
  3. 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.

Yang biasanya dibutuhkan berikutnya setelah warnanya di tangan.