Membutuhkan warna untuk maket, diagram, atau kanvas kosong, tetapi enggan memilihnya karena kebiasaan? Generator warna acak gratis ini mengambil warna dari seluruh rentang 24-bit yang dapat ditampilkan layar dan menampilkan masing-masing pada sampel warna di samping kodenya. Tentukan berapa banyak yang Anda inginkan pada bidang “Jumlah pilihan” — mulai dari 1 hingga 50 — centang format yang Anda butuhkan, lalu tekan tombol “Hasilkan”. Halaman terbuka dengan satu warna dalam format HEX, sehingga hasil pertama hanya berjarak satu klik. Pilihan “Kode HEX” sudah tercentang sejak awal, opsi “Kode RGB” serta “Kode HSL” berada di sampingnya, dan kombinasi apa pun dari ketiganya dapat diaktifkan sekaligus. Tombol roda gigi di samping “Hasilkan” akan membuka panel “Opsi lanjutan”, tempat Anda dapat membatasi warna ke satu jenis atau rentang tertentu, mencegah pengulangan, serta mengubah cara penulisan kode HEX.
Setiap warna dibuat di browser Anda melalui Web Crypto API (crypto.getRandomValues), yang menyediakan bita acak yang kuat secara kriptografis dari sumber keacakan sistem Anda sendiri, bukan melalui fungsi pseudo-acak seperti Math.random(). Warna pada layar terdiri dari tiga saluran — merah, hijau, dan biru — masing-masing berupa bilangan bulat dari 0 hingga 255, dan satu bita acak memiliki tepat 256 kemungkinan nilai. Oleh karena itu, setiap saluran hanyalah satu bita murni: tidak ada sisa pembagian yang diambil, dan tidak ada corak warna yang diutamakan oleh proses konversi. Hal ini membuat seluruh 16.777.216 warna yang dapat dihasilkan halaman ini memiliki peluang yang benar-benar sama, setiap kali Anda menekan “Hasilkan”. Rentang yang lebih sempit pada “Opsi lanjutan” tetap mempertahankan prinsip tersebut di dalam batas rentang: warna tetap ditarik dari seluruh ruang dan warna apa pun yang berada di luar batas akan disisihkan, sehingga setiap warna yang diizinkan oleh rentang tersebut memiliki peluang yang setara. Tidak ada data yang dikirim ke server, tidak ada yang dicatat dalam log, dan begitu halaman dimuat, fitur ini tetap berfungsi meski koneksi internet dimatikan.
Ketiga format tersebut menjelaskan warna yang sama melalui tiga cara berbeda. Format “Kode HEX” adalah bentuk enam digit yang umum digunakan di CSS dan sebagian besar aplikasi desain, seperti #0778ff; format ini ditulis dengan huruf kecil diawali tanda #, sedangkan opsi “Huruf kapital” dan “Tanpa #” pada “Opsi lanjutan” dapat mengubah format tersebut untuk kebutuhan alat lain. Format “Kode RGB” merinci nilai ketiga saluran warna, seperti pada rgb(7, 120, 255), yang cocok untuk kode pemrograman yang mengolah tiap saluran secara terpisah. Format “Kode HSL” menggambarkan warna berdasarkan rona, saturasi, dan tingkat terang, seperti pada hsl(213, 100%, 51%), yang merupakan format paling praktis untuk disesuaikan secara manual. Ketiganya dapat langsung ditempelkan ke lembar gaya CSS. Namun, tingkat ketepatannya tidaklah sama. HEX dan RGB presisi; HSL dibulatkan. Halaman ini mencatat rona, saturasi, dan tingkat terang sebagai bilangan bulat, dan sekitar 89% warna dengan nilai pembulatan tersebut tidak menghasilkan warna yang sama persis jika dikonversi kembali: #646503 ditampilkan sebagai hsl(61, 94%, 20%), yang jika dikonversi balik menjadi #616303. Perbedaannya tidak pernah melebihi 5 langkah dalam satu saluran dan biasanya hanya 1 atau 2 — tidak terlihat di layar, tetapi nyata jika Anda menyimpan nilai HSL dan mengharapkan nilai HEX asli kembali. Karena itu simpan nilainya dalam HEX atau RGB.
Satu warna akan tampil sebagai satu kartu di bagian tengah hasil; beberapa warna ditampilkan sebagai daftar bernomor, satu warna per baris, dengan format terpilih berdampingan dan lencana kontras kecil di bagian akhir. Daftar yang memuat lebih dari tiga warna dapat digulir di dalam kotak, dan tanda panah di sudutnya dapat memperluas tampilan ke ukuran penuh; halaman ini mengingat pilihan tampilan terakhir Anda. Klik kode mana pun untuk menyalin kode itu saja. Tombol salin di ujung baris menyalin semua kode warna tersebut dalam satu baris, dipisahkan oleh spasi. Klik sampel warnanya untuk membuka pemilih warna bawaan browser Anda: pilih warna lain di sana, dan setiap kode pada baris tersebut diperbarui agar sesuai dengan warna baru itu, pada setiap format yang aktif, beserta lencana kontrasnya. Tombol “Salin Semua” menyalin seluruh kelompok warna, satu warna per baris, dan tombol “Simpan ke file” menyimpan teks yang sama ke dalam file .txt sederhana; keduanya menyertakan penyesuaian warna yang Anda ubah melalui pemilih warna. Bagian “Riwayat” menyimpan 10 kelompok warna terakhir Anda di browser ini, persis seperti saat pertama kali dihasilkan, dan tombol “Hapus” mengosongkan hasil. Pengaturan Anda, termasuk pada “Opsi lanjutan”, akan tersimpan untuk kunjungan berikutnya.
Warna yang berpeluang sama tidak selalu tampak tersebar merata, dan memahami karakteristik ini dapat menghindarkan Anda dari menekan tombol “Hasilkan” karena alasan yang keliru. Berdasarkan pengukuran di seluruh rentang warna, sekitar 35% warna tergolong cerah dan pekat, dengan saturasi HSL minimal 70% dan tingkat terang antara 35% hingga 65%. Warna mendekati abu-abu, dengan saturasi di bawah 20%, hanya mencakup sekitar 4%, sementara warna yang sangat gelap (tingkat terang di bawah 20%) dan sangat terang (di atas 80%) masing-masing hanya sekitar 3%. Oleh karena itu, kumpulan sepuluh warna dari opsi “Semua warna” biasanya berisi beberapa warna tegas dan jarang memunculkan warna pastel atau abu-abu gelap. Jika Anda membutuhkan kategori tertentu, pilihlah pada menu “Jenis warna”: opsi “Cerah” membatasi pilihan hanya pada kelompok warna pekat tersebut, sementara opsi “Pastel”, “Gelap”, “Redup”, dan “Skala abu-abu” menyaring warna sesuai karakteristik masing-masing. Pilihan “Kustom” memungkinkan Anda menentukan rentang sendiri untuk nilai “Hue”, “Saturasi”, dan “Luminositas”, di mana rentang rona dapat melintasi angka 0, sehingga rentang 330 hingga 30 menghasilkan kelompok warna merah. Rentang tersebut diverifikasi langsung terhadap kode HSL yang ditampilkan di halaman agar tidak ada kode yang meleset keluar batas, dan jika rentang tersebut memuat terlalu sedikit variasi untuk nilai “Jumlah pilihan” Anda, halaman akan meminta Anda memperluasnya alih-alih mengulang warna. Pengulangan warna pada dasarnya dapat terjadi namun sangat jarang: centang opsi “Hindari duplikat” untuk mencegahnya, dan tanpa opsi tersebut, kemungkinan dua dari 50 warna dari seluruh rentang muncul secara identik adalah sekitar 1 banding 13.700.
Warna acak sering kali digunakan sebagai latar belakang, yang memicu satu pertanyaan penting yang tidak dapat dijawab hanya dengan melihat sampel warnanya: apakah teks di atasnya dapat dibaca dengan jelas? Panduan aksesibilitas web, WCAG, mensyaratkan rasio kontras minimal 4,5:1 untuk teks normal. Berdasarkan pengukuran pada semua warna yang dapat dihasilkan halaman ini, teks hitam memenuhi syarat tersebut pada sekitar 65% warna dan teks putih pada sekitar 36% warna, dan tidak ada satu pun warna di mana keduanya gagal: warna yang lebih baik di antara keduanya selalu mencapai setidaknya 4,58:1. Dengan demikian, untuk latar belakang acak mana pun, teks hitam atau teks putih pasti dapat dibaca, dan halaman ini akan menunjukkan pilihan mana yang tepat. Pada setiap warna ditampilkan lencana kecil bertuliskan Aa dengan warna teks yang lebih unggul di antara keduanya, diikuti oleh angka rasio kontrasnya. Rasio ini dibulatkan ke bawah sehingga nilainya tidak pernah dilebih-lebihkan, dan akan diperbarui seketika saat Anda mengganti warna di pemilih warna. Lencana ini hanya membandingkan teks hitam dan putih; untuk warna merek atau warna teks lainnya, uji pasangan warna tersebut dengan alat pemeriksa kontras.
Acak tidak sama dengan harmonis. Setiap warna dalam satu kumpulan diambil secara terpisah tanpa keterkaitan dengan warna lainnya, sehingga generator ini tidak pernah menyusun palet terpadu dalam definisi desain grafis — tanpa pasangan komplementer, deretan analog, ataupun keselarasan tingkat terang. Mempersempit rentang hanya mengubah karakteristik kumpulan warna, bukan prinsip dasarnya: warna-warna pastel atau deretan warna biru tetap muncul satu demi satu tanpa ikatan harmoni. Justru itulah manfaat utamanya: alat ini menghadirkan warna yang mungkin tidak pernah terpikirkan oleh Anda, yang justru memecah kebiasaan atau kebuntuan kreatif. Untuk mengubah temuan acak menjadi sesuatu yang berguna, pertahankan satu warna yang Anda sukai lalu turunkan warna lain darinya, alih-alih menekan tombol “Hasilkan” berulang-ulang dengan harapan seluruh kelompok warna akan serasi secara kebetulan. Pertahankan nilai rona dan ubah tingkat terangnya untuk mendapatkan variasi yang lebih terang atau lebih gelap, atau putar rona sebesar 180 derajat untuk mendapatkan warna kebalikannya. Format “Kode HSL” mengubah langkah-langkah itu menjadi hitungan, bukan tebakan.
Mengapa memilih generator warna acak ini?
- Setiap warna dibuat langsung di browser Anda menggunakan Web Crypto API, tanpa ada data yang diunggah
- Seluruh 16.777.216 warna memiliki peluang yang sama persis, satu bita acak per saluran warna
- Kode HEX, RGB, dan HSL untuk warna yang sama, dalam kombinasi format apa pun
- Hingga 50 warna sekaligus, masing-masing dengan sampel warna dan lencana kontras teks
- Pilihan Cerah, Pastel, Gelap, Redup, dan Skala abu-abu, atau atur rentang rona, saturasi, dan tingkat terang Anda sendiri
- Opsi Hindari duplikat saat diperlukan, serta kode HEX dalam Huruf kapital atau Tanpa #
- Klik kode untuk menyalinnya, atau ubah warna apa pun melalui pemilih warna bawaan browser Anda
- Fitur Salin Semua, Simpan ke file, serta Riwayat 10 kelompok warna terakhir yang tersimpan di browser
- Gratis dan tanpa batas: tanpa registrasi, tanpa batasan kuota, dan tidak ada data yang disimpan di server kami
Warna acak sangat berguna ketika warna dibutuhkan sebelum ada keputusan akhir desain. Para desainer memanfaatkannya untuk mengatasi kebuntuan ide dan menemukan titik awal yang jarang tercapai oleh palet rutin mereka. Pengembang menggunakannya untuk mengisi maket, gambar pengganti, dan avatar, memberi warna berbeda pada setiap deret diagram saat tema visual utama belum diputuskan, serta menguji bagaimana antarmuka menghadapi latar belakang yang tidak dirancang untuknya — kumpulan 50 warna dari opsi “Semua warna” hampir selalu memuat setidaknya satu warna yang sangat gelap atau sangat terang, sedangkan opsi “Gelap” atau “Pastel” memfokuskan pengujian pada satu spektrum tertentu. Seniman generatif dan pembuat prototipe gim memasukkan nilainya langsung ke dalam kode pemrograman, di mana format RGB kompatibel dengan sebagian besar pustaka grafis. Pengajar dapat menyandingkan ketiga format tersebut untuk mendemonstrasikan bahwa satu warna dapat dituliskan sebagai satu kode, sebagai tiga saluran terpisah, atau sebagai posisi pada roda warna, sekaligus menjelaskan alasan pembulatan pada format HSL. Selain itu, siapa pun yang perlu memberi label, tanda, atau kode warna pada sebuah daftar bisa memperoleh warna-warna yang mudah dibedakan tanpa pusing memilih.
Ada beberapa batasan praktis yang perlu dipahami secara terbuka. Ini adalah generator warna acak, bukan pembuat palet: alat ini tidak menyusun harmoni warna dan tidak menahan satu warna tetap sama saat warna lain berubah, serta rentang yang lebih sempit hanya membatasi tipe warna, bukan memilih warna-warna yang serasi satu sama lain. Lencana kontras hanya membandingkan keterbacaan teks hitam dan putih. Halaman ini beroperasi dalam ruang warna sRGB untuk tampilan layar — HEX, RGB, dan HSL — tanpa transparansi, serta tidak mendukung CMYK, Pantone, OKLCH, atau nama warna CSS; untuk kebutuhan cetak fisik, sesuaikan warna dalam proses persiapan cetak daripada mengandalkan kode dari layar. Kode yang sama pun dapat tampak sedikit berbeda di antara layar perangkat yang berlainan karena kalibrasi layar tidak selalu seragam. Nilai HSL dibulatkan seperti yang dijelaskan sebelumnya, dan kecuali opsi “Hindari duplikat” dicentang, kumpulan warna tidak diperiksa dari kemungkinan kemunculan warna ganda. Hal yang dijamin secara pasti oleh alat ini bersifat spesifik: setiap warna dari 16.777.216 warna yang ada, atau setiap warna dalam rentang yang Anda tentukan, memiliki peluang terpilih yang persis sama pada setiap penekanan, diambil langsung dari sumber kriptografi browser Anda dan tidak pernah dikirim ke mana pun.