Panggawe Warna Acak

Gawe nganti 50 warna acak bebarengan — kabeh warna, utawa mung cetha, pastel, utawa peteng — saben warna nganggo kode HEX, RGB, utawa HSL lan lencana kontras teks, digawe ing browser kanthi acak sing aman.

Pencet «Gawe» kanggo milih
Opsi Lanjutan
Hue (°)
Saturasi (%)
Luminositas (%)

Butuh warna kanggo maket, diagram, utawa kanvas kosong, nanging ora pengin milih warna mung amarga pakulinan? Panggawe warna acak gratis iki njupuk warna saka kabeh rentang 24-bit sing bisa ditampilake layar lan masang saben warna ing sampel warna ing sandhinge kode. Pilih pira sing sampeyan karepake ing “Cacahe pilihan” — wiwit saka 1 nganti 50 — centhang format sing dibutuhake, banjur pencet “Gawe asil”. Kaca iki mbukak kanthi siji warna ing format HEX, mula asil pisanan mung mbutuhake sak klik. Opsi “Kode HEX” wis dicenthang saka wiwitan, dene “Kode RGB” lan “Kode HSL” ana ing sandhinge, lan kombinasi apa wae saka telung format iki bisa diaktifake bebarengan. Tombol gir ing sandhinge “Gawe asil” mbukak “Opsi Lanjutan”, ing ngendi sampeyan bisa mbatesi warna ing siji jinis utawa rentang tartamtu, nyegah pengulangan, lan ngowahi cara nulis kode HEX.

Saben warna digawe ing browser sampeyan liwat Web Crypto API (crypto.getRandomValues), sing nyedhiyakake bait acak sing kuwat kanthi kriptografis saka sumber acak sistem sampeyan dhewe, dudu liwat fungsi semu-acak kayata Math.random(). Warna ing layar kasusun saka telung saluran — abang, ijo, lan biru — saben saluran awujud angka wutuh saka 0 nganti 255, lan sak bait acak bisa duwe pas 256 nilai. Mula saben saluran mung sak bait murni: ora ana sisa pembagian sing dijupuk, lan ora ana corak warna sing diutamakake liwat proses konversi. Babagan iki ndadekake kabeh 16.777.216 warna sing bisa diasilake kaca iki duwe kemungkinan sing padha persis, saben sampeyan mencet “Gawe asil”. Rentang sing luwih sempit ing “Opsi Lanjutan” tetep njaga aturan kasebut ing sajroning rentang: warna tetep dijupuk saka kabeh ruang lan warna sing ana ing sanjabane bakal disisihake, saengga saben warna sing diidinake ing rentang kasebut duwe peluang sing padha. Ora ana data sing dikirim menyang server, ora ana sing dicathet ing log, lan sawise kaca dimuat, kaca iki tetep bisa digunakake sanadyan sambungan internet dipateni.

Telung format kasebut njlentrehake warna sing padha kanthi telung cara beda. Format “Kode HEX” yaiku wujud enem digit sing digunakake ing CSS lan umume piranti desain, kayata #0778ff; format iki ditulis nganggo aksara cilik sing diwiwiti nganggo tandha #, dene opsi “Aksara gedhe” lan “Tanpa #” ing “Opsi Lanjutan” bisa ngowahi babagan kasebut kanggo piranti sing mbutuhake format liya. Format “Kode RGB” mratelakake telung saluran kanthi cetha, kayata ing rgb(7, 120, 255), sing cocog kanggo kode program sing ngolah saben saluran kanthi kapisah. Format “Kode HSL” nggambarake warna adhedhasar rona, saturasi, lan padhange, kayata ing hsl(213, 100%, 51%), sing dadi wujud paling gampang kanggo diatur nganggo tangan sabanjure. Katelune bisa langsung ditempelake menyang lembar gaya CSS. Nanging, tingkat presisine ora padha. HEX lan RGB iku presisi; HSL dibunderake. Kaca iki nulis rona, saturasi, lan padhange minangka angka wutuh, lan kanggo udakara 89% warna, nilai sing dibunderake kasebut ora bisa dikonversi maneh dadi warna sing padha persis: #646503 ditampilake minangka hsl(61, 94%, 20%), sing yen dikonversi balik dadi #616303. Bedane ora tau luwih saka 5 undhakan ing siji saluran lan biasane mung 1 utawa 2 — ora katon ing layar, nanging nyata yen sampeyan nyimpen nilai HSL lan ngarepake nilai HEX asline bali. Mula simpena nilai kasebut ing format HEX utawa RGB.

Siji warna bakal katon minangka kothak tunggal ing tengah asil; pirang-pirang warna katon minangka dhaptar kanthi nomer, siji warna saben baris, kanthi format sing dipilih jejer-jejer lan lencana kontras cilik ing pungkasan. Dhaptar sing luwih saka telung warna bisa digulung ing sajroning kothak, lan panah ing pojok bakal mbukak nganti dhuwure kebak; kaca iki ngelingi kepiye sampeyan ninggalake kahanan pungkasan. Klik kode apa wae kanggo nyalin kode kasebut wae. Tombol salin ing pungkasan baris nyalin kabeh kode kanggo warna kasebut ing sak baris, dipisahake nganggo spasi. Klik sampel warna kasebut kanggo mbukak pemilih warna gawaan browser sampeyan: pilih warna liyane ing kono lan saben kode ing baris kasebut bakal dianyari supaya cocog, ing saben format sing diaktifake, bebarengan karo lencana kontrase. Tombol “Salin Kabeh” nyalin kabeh klompok warna, siji warna saben baris, lan tombol “Simpen menyang file” nulis teks sing padha menyang file .txt prasaja; sakloron ngetutake owah-owahan warna sing sampeyan ganti ing pemilih warna. Bagian “Riwayat” nyimpen 10 klompok gawean pungkasan sampeyan ing browser iki, persis kaya nalika digawe, lan tombol “Busak” ngosongake asil. Setelan sampeyan, kalebu sing ana ing “Opsi Lanjutan”, bakal dielingi kanggo kunjungan sabanjure.

Warna kanthi peluang sing padha ora mesthi katon sumebar kanthi rata, lan mangerteni apa sing bakal diarepake bisa nyegah sampeyan mencet “Gawe asil” kanthi alesan sing keliru. Adhedhasar pangukuran ing kabeh rentang, udakara 35% warna katon cetha lan pekat, kanthi saturasi HSL paling sethithik 70% lan padhange antarane 35% nganti 65%. Warna sing nyedhaki klawu, kanthi saturasi sangisore 20%, mung udakara 4%, dene warna sing peteng banget (padhange sangisore 20%) lan sing padhang banget (ngluwihi 80%) saben-saben udakara 3%. Mula, sak klompok isi sepuluh warna saka “Kabeh warna” biasane ngemot sawetara warna sing mantep lan arang ngemot warna pastel utawa klawu peteng. Nalika sampeyan butuh jinis tartamtu, piliha ing menu “Jinis warna”: opsi “Cetha” njaga klompok warna sing pekat kasebut, dene “Pastel”, “Peteng”, “Redup”, lan “Skala klawu” uga nindakake babagan sing padha kanggo jinis masing-masing. Pilihan “Kustom” ngidini sampeyan nyetel rentang dhewe kanggo nilai “Hue”, “Saturasi”, lan “Luminositas”, ing ngendi rentang rona bisa ngliwati angka 0, saengga rentang 330 nganti 30 bakal ngasilake warna abang. Rentang iki dipriksa langsung adhedhasar kode HSL sing ditampilake kaca supaya ora ana kode sing mrucut metu, lan yen rentang kasebut ngemot sithik banget variasi warna kanggo nilai “Cacahe pilihan” sampeyan, kaca bakal njaluk sampeyan ngambakake rentang tinimbang mbaleni warna. Pengulangan sejatine bisa kedadeyan nanging arang banget: centhang “Tanpa pengulangan” kanggo nyegah, lan tanpa opsi kasebut, kemungkinan rong warna saka 50 warna saka rentang lengkap metu kanthi padha persis yaiku udakara 1 saka 13.700.

Warna acak asring dibutuhake minangka latar mburi, sing nuwuhake pitakonan sing ora bisa dijawab mung kanthi ndeleng sampel warna nganggo mripat: apa teks ing ndhuwure bakal bisa diwaca kanthi cetha? Pandhuan aksesibilitas web, WCAG, mbutuhake rasio kontras paling sethithik 4,5:1 kanggo teks biasa. Diukur ing kabeh warna sing bisa diasilake kaca iki, teks ireng nggayuh angka kasebut ing udakara 65% warna lan teks putih ing udakara 36% warna, lan ora ana warna sing sakloron gagal: pilihan sing luwih apik mesthi nggayuh paling sethithik 4,58:1. Dadi kanggo latar mburi acak apa wae, teks ireng utawa teks putih mesthi bisa diwaca, lan kaca iki nuduhake endi sing bener. Saben warna ditampilake lencana cilik kanthi tulisan Aa nganggo warna teks sing luwih unggul, diterusake nganggo angka rasio kontrase. Rasio kasebut dibunderake mudhun, saengga ora tau nuduhake kontras sing luwih apik tinimbang nyatane, lan bakal dianyari nalika sampeyan ngganti warna ing pemilih warna. Lencana iki mung mbandhingake teks ireng lan putih; kanggo warna merek utawa warna teks liyane, priksa pasangan warna kasebut nganggo piranti pamriksa kontras.

Acak iku ora padha karo harmonis. Saben warna ing sak klompok dijupuk dhewe-dhewe tanpa mangerteni warna liyane, mula panggawe iki ora tau nggawe palet miturut pangerten desainer — ora ana pasangan komplementer, ora ana deretan analog, lan ora ana padhange sing diselaraske. Rentang sing luwih sempit mung ngowahi wewujudan klompok kasebut, dudu aturane: warna pastel utawa deretan warna biru tetep teka siji-siji tanpa ana sing nggandhengake. Pancen kuwi tujuane: piranti iki menehi warna sing ora bakal sampeyan pilih dhewe, sing bisa ngilangi pakulinan utawa buntune gagasan kreatif. Kanggo ngowahi asil acak dadi karya sing migunani, simpena warna sing sampeyan senengi banjur turunake warna liyane saka kuwi, tinimbang mencet “Gawe asil” bola-bali nganti kabeh klompok cocog kanthi ora sengaja. Jagakna ronane banjur aturen padhange kanggo golek variasi sing luwih padhang utawa luwih peteng, utawa puteren ronane nganti 180 derajat kanggo entuk warna kosok baline. Format “Kode HSL” yaiku format sing ndadekake langkah kasebut dadi petungan angka tinimbang mung kira-kira.

Napa milih panggawe warna acak iki?

Warna acak migunani ing ngendi wae nalika warna dibutuhake sadurunge ana sing netepake pilihan pungkasan. Desainer nggunakake warna iki kanggo mecahake buntune gagasan lan nemokake titik wiwitan sing ora bakal kagayuh nganggo palet biasane. Pangembang nggunakake kanggo ngisi maket, gambar pengganti, lan avatar, menehi saben seri ing grafik warnane dhewe nalika tema asline durung diputusake, sarta nguji kepiye antarmuka nanggapi latar mburi sing ora dirancang sadurunge — sak klompok isi 50 warna saka “Kabeh warna” meh mesthi ngemot paling sethithik siji warna sing peteng banget utawa padhang banget, dene opsi “Peteng” utawa “Pastel” ngarahake tes menyang salah siji ujung kasebut. Seniman generatif lan panggawe prototipe game nglebokake nilai kasebut langsung menyang kode program, ing ngendi format RGB langsung trep karo umume pustaka grafis. Guru bisa jejerake telung format kasebut kanggo nuduhake yen siji warna bisa ditulis minangka kode, minangka telung saluran, utawa minangka posisi ing rodha warna, sarta ngapa versi HSL dibunderake. Lan sapa wae sing menehi label, tandha, utawa kode warna ing dhaptar bisa entuk warna sing cetha bedane tanpa kudu kangelan milih.

Ana sawetara watesan sing kudu dimangerteni kanthi tulus. Piranti iki minangka panggawe warna acak, dudu piranti nggawe palet: piranti iki ora nggawe harmoni warna lan ora nahan siji warna tetep padha nalika warna liyane diganti, lan rentang sing luwih sempit mung menehi warna saka sak jinis, dudu warna sing dipilih supaya cocog bareng. Lencana kontras mung mbandhingake teks ireng lan putih. Kaca iki mlaku nganggo warna sRGB sing ditampilake layar — HEX, RGB, lan HSL — tanpa transparansi lan ora nyengkuyung CMYK, Pantone, OKLCH, utawa jeneng warna CSS; kanggo kabutuhan cetak, selarasna warna ing proses persiapan cetak tinimbang ngandelake kode layar. Kode sing padha uga bisa katon rada beda ing antarane layar amarga kalibrasi saben layar ora mesthi padha. Nilai HSL dibunderake kaya sing wis dijelasake ing dhuwur, lan kajaba “Tanpa pengulangan” dicenthang, sak klompok warna ora dipriksa saka anane pengulangan. Sing dijamin kanthi nyata dening kaca iki luwih cetha lan pas: saben warna saka 16.777.216 warna sing ana, utawa saben warna ing sajroning rentang sing sampeyan setel, duwe peluang sing padha ing saben pencetan, dijupuk saka sumber kriptografi browser sampeyan lan ora tau dikirim menyang endi wae.

FAQ

Kepiye carane nggawe warna acak?

Pilih pira warna sing sampeyan karepake ing “Cacahe pilihan”, wiwit saka 1 nganti 50, centhang format sing dibutuhake — “Kode HEX”, “Kode RGB”, “Kode HSL”, utawa kombinasi apa wae — banjur pencet “Gawe asil”. Kaca iki langsung mbukak kanthi siji warna ing format HEX, saengga asil pisanan mung mbutuhake sak klik. Saben warna bakal katon ing sampel warna ing sandhinge kodene.

Apa warnane pancen acak, lan apa saben warna duwe peluang sing padha?

Ya. Saben warna asale saka Web Crypto API browser sampeyan (crypto.getRandomValues), yaiku sumber sing aman kanthi kriptografis sing digunakake nalika keacakan kudu ora bisa ditebak. Saben saluran awujud sak bait acak, sing bisa duwe pas 256 nilai sing dibutuhake sak saluran, saengga ora ana proses konversi sing ngutamakake corak warna tartamtu. Kabeh 16.777.216 warna duwe kemungkinan sing padha persis, lan nalika sampeyan nyempitake rentang, saben warna ing sajroning rentang kasebut tetep duwe peluang sing padha.

Apa bedane HEX, RGB, lan HSL?

Katelune minangka telung cara kanggo nulis warna sing padha. HEX yaiku kode enem digit kayata #0778ff, sing digunakake ing CSS lan umume piranti desain. RGB nyatakake saluran abang, ijo, lan biru, kayata ing rgb(7, 120, 255). HSL nyatakake rona, saturasi, lan padhange, kayata ing hsl(213, 100%, 51%), sing dadi wujud paling gampang kanggo diatur nganggo tangan. Katelu format kasebut bisa langsung ditempelake menyang CSS.

Ngapa kode HSL ora ngasilake warna sing padha persis nalika dikonversi maneh?

Amarga kaca iki nulis HSL nganggo angka wutuh, lan pembundheran nyuda sithik tingkat presisi. Udakara 89% warna ora bisa dikonversi maneh kanthi trep: #646503 ditampilake minangka hsl(61, 94%, 20%), sing yen dikonversi balik dadi #616303. Bedane ora tau ngluwihi 5 undhakan ing sak saluran lan biasane mung 1 utawa 2. HEX lan RGB iku presisi; HSL dibunderake. Simpena format HEX utawa RGB nalika warna sing pas dadi babagan sing penting.

Apa aku bisa nggawe mung warna pastel, peteng, utawa cetha?

Ya. Bukak “Opsi Lanjutan” nganggo tombol gir lan pilih “Jinis warna”: “Cetha”, “Pastel”, “Peteng”, “Redup”, utawa “Skala klawu”. Opsi “Kustom” ngidini sampeyan nyetel rentang dhewe kanggo “Hue”, “Saturasi”, lan “Luminositas”, lan rentang rona bisa ngliwati angka 0, saengga rentang 330 nganti 30 bakal menehi warna abang. Saben warna ing sajroning rentang duwe peluang sing padha lan ora ana kode sing metu saka wates; yen rentang kasebut ngemot sithik banget warna kanggo “Cacahe pilihan” sampeyan, kaca bakal njaluk sampeyan ngambakake rentang kasebut.

Kepiye carane nyalin siji warna utawa kabeh klompok warna?

Klik kode apa wae kanggo nyalin kode kasebut wae, utawa gunakake tombol salin ing pungkasan baris kanggo nyalin kabeh kode warna kasebut ing sak baris. “Salin Kabeh” nyalin kabeh klompok warna, sak warna saben baris, lan “Simpen menyang file” nyimpen teks sing padha dadi file .txt. Opsi “Aksara gedhe” lan “Tanpa #” ing “Opsi Lanjutan” bakal ngowahi cara nulis HEX ing endi wae nalika disalin utawa disimpen.

Apa aku bisa ngowahi warna sawise warnane digawe?

Ya. Klik sampel warnane kanggo mbukak pemilih warna gawaan browser sampeyan lan pilih warna liyane. Saben kode ing baris kasebut bakal dianyari supaya cocog, ing saben format sing sampeyan aktifake, semono uga lencana kontrase; “Salin Kabeh” lan “Simpen menyang file” bakal nggunakake warna sing wis diowahi. Bagian “Riwayat” tetep nyimpen klompok warna persis kaya nalika pisanan digawe.

Apa warna sing padha bisa metu kaping pindho ing sak klompok?

Ora, yen sampeyan nyenthang “Tanpa pengulangan” ing “Opsi Lanjutan”: kabeh warna ing klompok kasebut dijamin beda. Tanpa opsi kasebut, kaca ora mriksa pengulangan, lan kanthi 16.777.216 kemungkinan warna, peluang rong warna saka 50 metu kanthi padha yaiku udakara 1 saka 13.700.

Apa teks bakal bisa diwaca kanthi cetha ing latar mburi warna acak?

Mesthi bisa kanthi salah siji saka rong warna teks, lan kaca iki nuduhake endi sing bener. Miturut pandhuan WCAG kanthi rasio 4,5:1 kanggo teks biasa, teks ireng bisa diwaca ing udakara 65% warna lan teks putih ing udakara 36% warna, lan ing saben warna paling sethithik salah sijine mesthi bisa diwaca, kanthi rasio paling sethithik 4,58:1. Saben warna ditampilake lencana kanthi tulisan Aa kanthi warna teks sing luwih apik, diterusake nganggo rasio kontras sing dibunderake mudhun. Lencana iki mung nyakup teks ireng lan putih, mula priksanen warna teks liyane nganggo pamriksa kontras.

Apa panggawe iki nggawe palet warna sing cocog bareng?

Ora. Saben warna dijupuk kanthi mandiri, mula klompok sing diasilake minangka kumpulan warna sing ora ana hubungane, dudu palet sing harmonis — sanadyan sampeyan mbatesi menyang pastel utawa sak rona tartamtu. Acak iku ora padha karo harmonis. Kanggo nggawe palet, simpena warna sing sampeyan senengi banjur kembangna warna liyane saka warna kasebut — contone kanthi mung ngowahi padhange ing kode HSL kasebut.

Apa aku bisa entuk warna CMYK, Pantone, utawa warna transparan?

Ora. Kaca iki mung ngasilake warna layar sRGB ing format HEX, RGB, lan HSL, tanpa transparansi, lan ora nyengkuyung CMYK, Pantone, OKLCH, utawa jeneng warna CSS. Kanggo kabutuhan cetak, selarasna warna ing proses persiapan cetak tinimbang ngandelake kode layar.

Apa ana sing tak gawe dikirim menyang server utawa disimpen?

Ora. Warna digawe kanthi lokal ing browser sampeyan, ora ana sing diunggah utawa dicathet ing log, lan kaca tetep bisa digunakake kanthi offline sawise dimuat. “Riwayat” mung nyimpen 10 klompok pungkasan sampeyan ing browser iki wae, lan sampeyan bisa mateni utawa mbusak riwayat kasebut kapan wae.