Generator naključnih barv
Ustvari naključne barve ali usklajene palete, zakleni všečne, kopiraj kode HEX, RGB ali HSL in jih izvozi kot CSS, SCSS, JSON ali Tailwind.
Zakleni barve, ki so ti všeč, nato ustvari znova, da se zamenjajo samo ostale.
Barve
Kako uporabljati generator naključnih barv
- Nastavi Število barv (od 1 do 20).
- Izberi Način: - Naključno v razponu vsako barvo izžreba neodvisno. Razpone Odtenek (°), Nasičenost (%) in Svetlost (%) zoži s poljema »od« in »do«, da ostaneš znotraj družine barv, na primer samo pastelne ali samo modre. - Usklajena paleta (OKLCH) izžreba eno naključno osnovno barvo, ostale pa zgradi iz barvne harmonije. Izberi Harmonijo (Komplementarna, Analogna, Triadna, Razcepljena komplementarna, Tetradna, Kvadrat, Enobarvna) ali pusti Presenečaj me, da dobiš vsakič drugačno harmonijo.
- Klikni Ustvari barve. Vsaka kartica prikazuje barvo z njenimi kodami HEX, RGB in HSL; majhni gumbi HEX, RGB in HSL kopirajo ustrezno kodo.
- Klikni Zakleni pri barvah, ki jih želiš obdržati, nato znova Ustvari barve: spremenijo se samo odklenjene barve. Z ponovnim klikom na gumb barvo odkleneš.
- Izberi obliko v Izvozi kot (Seznam HEX, Spremenljivke CSS, Spremenljivke SCSS, Polje JSON ali Barve Tailwind) in s Kopiraj ali Prenesi odnesi celoten nabor s seboj.
Kako so barve izbrane
V načinu Naključno v razponu so odtenek, nasičenost in svetlost izžrebani enakomerno znotraj razponov, ki si jih nastavil, nato pa pretvorjeni iz HSL v RGB z isto formulo, ki jo brskalniki uporabljajo za hsl(). Razpon odtenkov se lahko ovije okoli rdeče: od 330 do 30 da rožnate, rdeče in oranžne barve, skozi 0°. Nekaj uporabnih nastavitev:
- Pastelne barve: nasičenost 40–80 %, svetlost 75–90 %.
- Temni, dušeni toni: nasičenost 10–40 %, svetlost 15–35 %.
- Samo modre: odtenek 190–250.
- Tople barve: odtenek od 330 do 60.
V načinu Usklajena paleta (OKLCH) orodje dela v OKLCH, zaznavnem barvnem modelu, v katerem so enaki koraki svetlosti očesu videti enaki. Kot osnova se uporabi prva zaklenjena barva; če ni nič zaklenjeno, se izžreba naključna srednje svetla, precej nasičena osnova. Ostale barve prevzamejo kote odtenkov harmonije (na primer +120° in +240° pri triadni) z majhno naključno spremembo odtenka, svetlosti in kromatičnosti, tako da vsak klik da nov rezultat. Kadar zahtevaš več barv, kot ima harmonija odtenkov, dodatne barve ponovno uporabijo kote s svetlejšimi in temnejšimi različicami. Enobarvna ohrani en odtenek in razporedi svetlost od temne do svetle.
Barve, ki so zunaj tega, kar lahko prikaže zaslon sRGB, se vrnejo z znižanjem kromatičnosti, zato je vsaka kopirana koda HEX prava, prikazljiva barva.
Kje so naključne barve v pomoč
Naključne barve so priročne za začasne avatarje in grafikone, testne podatke, generativno umetnost, raziskovanje oblikovanja, ko si pred praznim listom, ali za izbiro barve za projekt, ekipo v igri ali oznako. Zaklepanje ti omogoča, da ga uporabljaš kot igralni avtomat: obdrži, kar deluje, ostalo zavrti. Naključnost prihaja iz kriptografskega generatorja v tvojem brskalniku, nič pa se ne pošlje nikamor.
Pogosta vprašanja
Kako dobim naključno kodo barve HEX?
Nastavi Število barv na 1 in klikni Ustvari barve, nato klikni gumb HEX, da kopiraš kodo, na primer #3A7BD5.
Ali lahko obdržim nekaj barv in ostale ustvarim znova?
Da. Klikni Zakleni pri vsaki barvi, ki jo želiš obdržati, nato klikni Ustvari barve. Zaklenjene barve ostanejo na mestu; v načinu harmonije prva zaklenjena barva postane tudi osnova nove palete.
Zakaj uporabiti način harmonije OKLCH namesto povsem naključnih barv?
Povsem naključne barve pogosto trčijo ali imajo zelo različno vizualno težo. Gradnja palete iz harmonije v OKLCH da barve, ki sodijo skupaj in imajo uravnoteženo svetlost, zato jih je lažje uporabiti v oblikovanju.
Kaj vsebujejo izvozne oblike?
Seznam HEX da eno kodo v vrstici, spremenljivke CSS in SCSS dajo deklaracije --color-1 ali $color-1, polje JSON da seznam kod, Barve Tailwind pa objekt colors s ključi 100, 200 … za tvojo konfiguracijo.
Ali so barve res naključne?
Prihajajo iz crypto.getRandomValues, kriptografsko varnega generatorja v brskalniku, zato se noben vzorec med kliki ne ponavlja.
Sorodna orodja
- Generator barvnih palet Ustvari barvne palete iz ene osnovne barve s pravili harmonije: komplementarne, analogne, triadne, tetradne, kvadratne in monokromatske.
- Pretvornik barv Pretvori katero koli barvo med HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH in OKLCH. Prilepi kodo, oglej si barvo in kopiraj vsako obliko z enim klikom.
- Izbirnik barv Brezplačen spletni izbirnik barv. Izberi katero koli barvo in takoj kopiraj njene kode HEX, RGB, HSL, HSV in CMYK s kontrastnimi razmerji do bele in črne.
- Generator naključnih števil Ustvari naključna števila v poljubnem razponu, do 10 000 naenkrat, cela ali decimalna, s podvojenimi ali brez, z varno naključnostjo brskalnika.