Perlukan warna untuk mockup, carta atau kanvas kosong, dan tidak mahu memilih warna sekadar mengikut kebiasaan? Penjana warna rawak percuma ini memilih warna daripada julat penuh 24-bit yang mampu dipaparkan oleh skrin dan meletakkan setiap satu pada sampel warna di sebelah kodnya. Pilih bilangan yang anda inginkan dalam medan “Bilangan pilihan” — dari 1 hingga 50 — tandakan format yang diperlukan, dan tekan butang “Jana”. Halaman ini dibuka dengan satu warna dalam HEX, jadi hasil pertama hanya memerlukan satu klik. Pilihan “Kod HEX” ditandakan sejak awal, pilihan “Kod RGB” dan “Kod HSL” berada di sebelahnya, dan sebarang gabungan daripada ketiga-tiganya boleh diaktifkan serentak. Butang gear di sebelah “Jana” membuka panel “Pilihan Lanjutan”, tempat anda boleh mengehadkan warna kepada satu jenis atau julat, menyingkirkan pengulangan dan mengubah cara HEX ditulis.
Setiap warna dihasilkan di dalam pelayar anda melalui Web Crypto API (crypto.getRandomValues), yang membekalkan bait rawak selamat secara kriptografi daripada sumber entropi sistem anda sendiri, bukannya melalui fungsi pseudo-rawak seperti Math.random(). Warna pada skrin terdiri daripada tiga saluran — merah, hijau dan biru — setiap satunya bernombor bulat dari 0 hingga 255, dan satu bait rawak boleh mengambil tepat 256 nilai. Oleh itu, setiap saluran adalah satu bait semata-mata, tanpa perantara: tiada baki diambil, dan tiada rona warna yang diutamakan oleh langkah penukaran. Ini menjadikan kesemua 16,777,216 warna yang boleh dihasilkan oleh halaman ini berkemungkinan sama rata, setiap kali anda menekan “Jana”. Julat yang lebih sempit dalam panel “Pilihan Lanjutan” mengekalkan prinsip tersebut di dalam julat: warna tetap diambil dari seluruh ruang dan sebarang warna di luar julat akan diketepikan, supaya setiap warna yang dibenarkan oleh julat mempunyai peluang yang sama. Tiada apa-apa dihantar ke pelayan, tiada apa-apa yang dilog, dan sebaik sahaja halaman dimuatkan ia terus berfungsi walaupun sambungan internet dimatikan.
Tiga format ini menerangkan warna yang sama dalam tiga cara berbeza. Format “Kod HEX” ialah bentuk enam digit yang digunakan secara meluas dalam CSS dan kebanyakan alat reka bentuk, seperti #0778ff; ia ditulis dalam huruf kecil dengan tanda # di hadapan, dan pilihan “Huruf besar” serta “Tanpa #” dalam panel “Pilihan Lanjutan” mengubah format tersebut bagi alat yang memerlukan sebaliknya. Format “Kod RGB” memperincikan tiga saluran, seperti dalam rgb(7, 120, 255), yang sesuai untuk kod yang mengendalikan setiap saluran secara berasingan. Format “Kod HSL” menghuraikan warna mengikut rona, ketepuan dan kecerahan, seperti dalam hsl(213, 100%, 51%), iaitu bentuk paling mudah untuk dilaraskan secara manual kemudian. Ketiga-tiga format boleh ditampal terus ke dalam helaian gaya. Namun, ketepatannya tidak sama. HEX dan RGB adalah tepat; HSL dibundarkan. Halaman ini menulis rona, ketepuan dan kecerahan sebagai nombor bulat, dan bagi sekitar 89% warna nilai yang dibundarkan itu tidak bertukar kembali kepada warna asal yang serupa: #646503 dipaparkan sebagai hsl(61, 94%, 20%), yang bertukar kembali kepada #616303. Perbezaannya tidak pernah melebihi 5 langkah dalam sesuatu saluran dan biasanya hanya 1 atau 2 — tidak kelihatan pada skrin, tetapi nyata jika anda menyimpan nilai HSL dan mengharapkan nilai HEX asal kembali. Jadi simpan nilai itu dalam HEX atau RGB.
Satu warna dipaparkan sebagai kad tunggal di bahagian tengah hasil; beberapa warna muncul sebagai senarai bernombor, satu warna bagi setiap baris, dengan format pilihan diletakkan bersebelahan dan lencana kontras kecil di bahagian hujung. Senarai yang mengandungi lebih daripada tiga warna akan diskrol di dalam kotak, dan anak panah di sudutnya membukanya ke ketinggian penuh; halaman ini mengingati keadaan terakhir yang anda tinggalkan. Klik mana-mana kod untuk menyalin kod itu sahaja. Butang salin di hujung baris menyalin semua kod untuk warna tersebut pada satu baris, dipisahkan oleh ruang jarak. Klik sampel warna itu sendiri untuk membuka pemilih warna pelayar anda: pilih warna lain di situ dan setiap kod pada baris berkenaan ditulis semula agar sepadan, dalam setiap format yang diaktifkan, bersama lencananya. Butang “Salin Semua” menyalin seluruh kumpulan, satu warna setiap baris, manakala butang “Simpan ke fail” menulis teks yang sama ke dalam fail .txt biasa; kedua-duanya mengikuti sebarang perubahan warna yang anda buat pada pemilih warna. Bahagian “Sejarah” menyimpan 10 kumpulan terakhir anda dalam pelayar ini, tepat seperti yang dijana, dan butang “Kosongkan” mengosongkan hasil paparan. Tetapan anda, termasuk tetapan dalam “Pilihan Lanjutan”, diingati untuk kunjungan seterusnya.
Warna yang mempunyai kebarangkalian sama rata tidak semestinya kelihatan tersebar secara sekata, dan mengetahui perkara yang boleh dijangka mengelakkan anda daripada menekan “Jana” atas sebab yang salah. Diukur merentasi keseluruhan julat, sekitar 35% warna adalah terang dan tepu, dengan ketepuan HSL sekurang-kurangnya 70% dan kecerahan antara 35% hingga 65%. Warna hampir kelabu, dengan ketepuan di bawah 20%, hanya sekitar 4%, manakala warna yang sangat gelap (kecerahan di bawah 20%) dan yang sangat cerah (melebihi 80%) masing-masing adalah sekitar 3%. Oleh itu, kumpulan sepuluh warna daripada pilihan “Semua warna” biasanya mengandungi beberapa warna pekat dan jarang sekali menghasilkan warna pastel atau kelabu gelap. Apabila anda memerlukan jenis tertentu, pilihnya dalam menu “Jenis warna”: pilihan “Menyerlah” mengekalkan kumpulan warna tepu tersebut, manakala “Pastel”, “Gelap”, “Redup” dan “Skala kelabu” melakukan perkara yang sama untuk kumpulan masing-masing. Pilihan “Tersuai” membolehkan anda menetapkan julat “Rona”, “Ketepuan” dan “Kecerahan” anda sendiri, dan julat rona boleh melangkaui 0, di mana 330 hingga 30 menghasilkan warna merah. Julat ini disemak berdasarkan kod HSL yang dipaparkan, jadi tiada kod yang berada di luar julat, dan jika julat itu mengandungi terlalu sedikit warna untuk nilai dalam medan “Bilangan pilihan”, halaman meminta anda meluaskannya daripada mengulangi warna. Pengulangan sebaliknya boleh berlaku tetapi jarang: tandakan “Tanpa ulangan” untuk menyingkirkannya, dan tanpa pilihan itu peluang untuk dua daripada 50 warna daripada julat penuh keluar serupa adalah sekitar 1 dalam 13,700.
Warna rawak sering diperlukan sebagai latar belakang, yang menimbulkan satu persoalan yang tidak dapat dijawab oleh sampel warna dengan mata kasar: adakah teks di atasnya boleh dibaca? Garis panduan kebolehcapaian web, WCAG, menetapkan nisbah kontras sekurang-kurangnya 4.5:1 untuk teks biasa. Diukur pada setiap warna yang boleh dihasilkan oleh halaman ini, teks hitam mencapai nisbah tersebut pada sekitar 65% warna dan teks putih pada sekitar 36% warna, dan tiada warna yang menyaksikan kedua-duanya gagal: pilihan yang lebih baik sentiasa mencapai sekurang-kurangnya 4.58:1. Oleh itu, bagi sebarang latar belakang rawak, teks hitam atau putih akan boleh dibaca, dan halaman ini menunjukkan pilihan yang sesuai. Setiap warna memaparkan lencana kecil yang tertera Aa dalam pilihan yang lebih baik, diikuti oleh nisbah kontrasnya. Nisbah tersebut dibundarkan ke bawah, jadi ia tidak melebih-lebihkan nilai warna, dan ia dikemas kini apabila anda menukar warna pada pemilih warna. Lencana ini hanya membandingkan teks hitam dan putih; bagi warna jenama atau sebarang warna teks lain, uji padanan tersebut menggunakan alat pemeriksa kontras.
Rawak tidak sama dengan harmoni. Setiap warna dalam sesuatu kumpulan dipilih secara berasingan, tanpa dipengaruhi oleh warna lain, jadi penjana ini tidak membina palet mengikut prinsip reka bentuk — tiada pasangan pelengkap, tiada susunan analogus, tiada kecerahan yang dikongsi bersama. Julat yang lebih sempit mengubah sifat sesuatu kumpulan, tetapi bukan peraturan itu: warna pastel atau deretan warna biru tetap dihasilkan satu demi satu, tanpa sebarang perkaitan antara mereka. Itulah matlamat utamanya: ia memberikan warna yang tidak akan anda pilih sendiri, sekali gus memecahkan kebiasaan atau kebuntuan kreatif. Untuk menukar warna rawak kepada sesuatu yang boleh diguna pakai, kekalkan warna yang anda sukai dan dapatkan warna lain daripadanya, bukannya terus menekan “Jana” sehingga keseluruhan set kebetulan berpadanan. Kekalkan ronanya dan ubah kecerahan secara bertahap untuk variasi lebih cerah atau lebih gelap, atau putarkan rona sebanyak 180 darjah untuk mendapat warna bertentangan. Format “Kod HSL” menjadikan pelarasan ini berasaskan perkiraan matematik dan bukannya tekaan semata-mata.
Mengapa memilih penjana warna rawak ini?
- Setiap warna dihasilkan dalam pelayar anda melalui Web Crypto API, tiada muat naik data
- Kesemua 16,777,216 warna berkemungkinan sama rata, satu bait rawak bagi setiap saluran
- Kod HEX, RGB dan HSL untuk warna yang sama, dalam sebarang gabungan
- Sehingga 50 warna sekaligus, setiap satu pada sampel warna dengan lencana kontras teks
- Pilihan Menyerlah, Pastel, Gelap, Redup dan Skala kelabu, atau julat rona, ketepuan dan kecerahan sendiri
- Pilihan Tanpa ulangan apabila diperlukan, dan HEX dalam huruf besar atau tanpa #
- Klik kod untuk menyalinnya, atau ubah sebarang warna dalam pemilih warna pelayar
- Butang Salin Semua, Simpan ke fail dan Sejarah bagi 10 kumpulan terakhir anda di dalam pelayar
- Percuma dan tanpa had: tiada pendaftaran, tiada kuota, tiada apa-apa disimpan di pelayan kami
Warna rawak berguna setiap kali warna diperlukan sebelum sesiapa membuat keputusan muktamad. Pereka menggunakannya untuk mengatasi kebuntuan kreatif dan mencari titik permulaan yang tidak pernah dicapai oleh palet biasa mereka. Pembangun mengisi mockup, ruang letak dan avatar, memberikan warna tersendiri bagi setiap siri dalam carta semasa tema sebenar belum ditentukan, dan menguji bagaimana antara muka bertindak balas terhadap latar belakang yang tidak dirancang pada asalnya — satu kumpulan 50 warna daripada “Semua warna” hampir sentiasa merangkumi sekurang-kurangnya satu warna yang sangat gelap atau sangat cerah, manakala pilihan “Gelap” atau “Pastel” memfokuskan ujian pada satu hujung julat. Artis seni generatif dan pembina prototaip permainan memasukkan nilai terus ke dalam kod, di mana format RGB sesuai dengan kebanyakan pustaka grafik. Pengajar meletakkan ketiga-tiga format bersebelahan untuk menunjukkan bahawa satu warna boleh ditulis sebagai kod, sebagai tiga saluran atau sebagai kedudukan pada roda warna, serta sebab versi HSL dibundarkan. Dan sesiapa yang melabel, menandakan atau mengekod warna sesuatu senarai memperoleh warna yang jelas berbeza tanpa perlu berfikir panjang untuk memilih.
Beberapa batasan yang wajar diketahui. Ini adalah penjana, bukan alat palet: ia tidak membina keharmonian warna dan tidak mengekalkan satu warna tetap semasa warna lain berubah, manakala julat yang lebih sempit menghasilkan warna daripada jenis yang sama, bukannya warna yang dipilih untuk dipadankan bersama. Lencana kontras hanya membandingkan teks hitam dan putih. Halaman ini berfungsi dalam warna sRGB yang dipaparkan oleh skrin — HEX, RGB dan HSL — tanpa ketelusan dan tanpa CMYK, Pantone, OKLCH atau nama warna CSS; untuk cetakan, padankan warna dalam proses pra-cetak dan bukannya bergantung pada kod skrin. Kod yang sama juga boleh kelihatan sedikit berbeza dari satu paparan ke paparan yang lain, kerana skrin tidak ditentukur secara serupa. Nilai HSL dibundarkan, seperti yang dihuraikan di atas, dan melainkan pilihan “Tanpa ulangan” ditandakan, sesuatu kumpulan tidak diperiksa untuk pengulangan. Perkara yang dijamin oleh halaman ini adalah khusus dan tepat: setiap satu daripada 16,777,216 warnanya, atau setiap warna dalam julat yang anda tetapkan, mempunyai peluang yang sama pada setiap klik, dijana daripada sumber kriptografi pelayar anda dan tidak pernah dihantar ke mana-mana.