Přeskočit na obsah
TextArray
100% lokálně

Generátor náhodných barev

Vygenerujte náhodné barvy jako HEX, RGB nebo HSL včetně světlé, tmavé, pastelové a syté palety.

Výstup
Související nástroje
Převodník barevVývojářské nástroje
Generátor náhodných řetězcůGenerátory
Kontrola kontrastuVývojářské nástroje
Generátor náhodných barev
Vygenerujte jedním klikem jednu až sto náhodných barev. Každá barva sedí na samostatném řádku jako hodnota HEX, zápis rgb() nebo hsl(), případně všechny tři vedle sebe, takže výstup vložíte rovnou do CSS, souboru s designovými tokeny, konfigurace grafu nebo tabulky. Změna počtu, formátu či palety přepočítá seznam okamžitě, bez čekání.
Náhodné barvy se hodí častěji, než by se zdálo: zástupná pozadí karet a avatarů, rozlišitelné barvy sérií v rychlém grafu, podklad pro moodboard, testovací data pro systém motivů nebo prostě inspirace, když se vám nechce rozhodovat. Barva náhodná v celé RGB krychli bývá většinou kalná a špinavá, proto tento generátor pracuje v prostoru HSL a omezuje sytost a světlost podle zvolené palety: Světlá drží světlost mezi 70 a 90 procenty, Tmavá mezi 10 a 35, Pastelová spojuje jemnou sytost 25 až 45 procent s vysokou světlostí a Sytá tlačí sytost na 85 až 100 procent při střední světlosti. Libovolná paleta všechna omezení vypne.
Volba Zahrnout alfa kanál přidá každé barvě náhodnou průhlednost a vypíše ji v každém zápisu — jako osmimístný HEX, rgba() i hsla(). Jedna barva na řádek znamená, že výstup rovnou poslouží převodníku barev nebo kontrole kontrastu, když chcete některou hodnotu prozkoumat blíž.
Vše běží lokálně ve vašem prohlížeči: neodchází žádný požadavek, nic se nezaznamenává a náhodnost pochází z kryptograficky bezpečného crypto.getRandomValues s rejection sampling, takže každá hodnota v rozsahu má stejnou pravděpodobnost.
Časté dotazy
Odesílají se barvy někam?
Ne. Vznikají výhradně ve vašem prohlížeči a nikdy neopustí vaše zařízení. Nic se neodesílá, neukládá ani nezaznamenává.
Jak náhodné jsou vygenerované barvy?
Odstín, sytost i světlost se losují přes kryptograficky bezpečné crypto.getRandomValues s rejection sampling, tedy bez zkreslení z operace modulo — každá hodnota v rozsahu má stejnou šanci.
Proč nástroj generuje v HSL, a ne v RGB?
HSL odděluje odstín od sytosti a světlosti, takže paleta jako „pastelová" či „sytá" je jen omezení dvou čísel. Každá barva se pak čistou matematikou převede na RGB a HEX, takže všechny tři zápisy popisují přesně tutéž barvu.
Co dělá volba Zahrnout alfa kanál?
Každé barvě přidá náhodnou průhlednost od 0 do 1 a vypíše ji v každém zápisu: osmimístný HEX, rgba() i hsla().
Můžu vygenerovanou barvu převést do jiného zápisu?
Zvolte formát Všechny tři a uvidíte HEX, RGB i HSL vedle sebe, nebo libovolný řádek vložte do převodníku barev, který nabízí i velká písmena, moderní syntaxi a palety odstínů.