Generátor náhodných barev
Generuj náhodné barvy nebo harmonické náhodné palety, zamkni ty, které se ti líbí, zkopíruj kódy HEX, RGB či HSL a exportuj je do CSS, SCSS, JSON nebo Tailwind.
Zamkni barvy, které se ti líbí, a znovu generuj, aby se nahradily jen ostatní.
Barvy
Jak používat generátor náhodných barev
- Nastav Počet barev (1 až 20).
- Zvol Režim: - Náhodně v rozsahu losuje každou barvu nezávisle. Rozsahy Odstín (°), Sytost (%) a Světlost (%) zúžíš poli „od“ a „do“, abys zůstal v jedné rodině barev, například jen v pastelových nebo jen v modrých. - Harmonická paleta (OKLCH) vylosuje jednu základní barvu a ostatní z ní vytvoří podle barevné harmonie. Vyber Harmonie (Komplementární, Analogická, Triádická, Rozdělená komplementární, Tetrádická, Čtverec, Monochromatická), nebo nech Překvap mě, a pokaždé dostaneš jinou harmonii.
- Klikni na Generovat barvy. Každá karta ukazuje barvu s kódy HEX, RGB a HSL; malá tlačítka HEX, RGB a HSL kopírují příslušný kód.
- Klikni na Zamknout u barev, které chceš zachovat, a znovu Generovat barvy: změní se jen odemčené barvy. Dalším kliknutím barvu odemkneš (Odemknout).
- Zvol formát v Exportovat jako (Seznam HEX, Proměnné CSS, Proměnné SCSS, Pole JSON nebo Barvy Tailwind) a pomocí Kopírovat nebo Stáhnout si odnes celou sadu.
Jak se barvy vybírají
V režimu Náhodně v rozsahu se odstín, sytost a světlost losují rovnoměrně v nastavených rozsazích a pak se převádějí z HSL do RGB stejným vzorcem, jaký používají prohlížeče pro hsl(). Rozsah odstínu může přecházet přes červenou: od 330 do 30 dává růžové, červené a oranžové barvy přes 0°. Několik užitečných nastavení:
- Pastelové barvy: sytost 40–80 %, světlost 75–90 %.
- Tmavé, tlumené tóny: sytost 10–40 %, světlost 15–35 %.
- Jen modré: odstín 190–250.
- Teplé barvy: odstín 330 až 60.
V režimu Harmonická paleta (OKLCH) nástroj pracuje v OKLCH, percepčním barevném modelu, ve kterém stejné kroky světlosti vypadají oku stejně. Jako základ se použije první zamčená barva; pokud není nic zamčeno, vylosuje se středně světlá a poměrně sytá základní barva. Ostatní barvy přebírají úhly odstínu dané harmonie (například +120° a +240° u triádické) s malou náhodnou odchylkou odstínu, světlosti a sytosti, takže každé kliknutí dává nový výsledek. Když chceš víc barev, než má harmonie odstínů, další barvy použijí stejné úhly se světlejšími a tmavšími variantami. Monochromatická paleta drží jeden odstín a rozkládá světlost od tmavé po světlou.
Barvy, které leží mimo to, co zvládne zobrazit obrazovka sRGB, se vrátí snížením sytosti, takže každý zkopírovaný kód HEX je skutečná, zobrazitelná barva.
Kde se náhodné barvy hodí
Náhodné barvy se hodí pro zástupné avatary a grafy, testovací data, generativní umění, hledání inspirace při prázdné stránce nebo výběr barvy pro projekt, herní tým či štítek. Zamykání umožňuje používat nástroj jako automat: nech, co funguje, zbytek protoč. Náhoda pochází z kryptografického generátoru prohlížeče a nic se nikam neodesílá.
Časté dotazy
Jak získat náhodný kód barvy HEX?
Nastav Počet barev na 1, klikni na Generovat barvy a pak klikni na tlačítko HEX, abys zkopíroval kód, například #3A7BD5.
Můžu některé barvy zachovat a ostatní vygenerovat znovu?
Ano. Klikni na Zamknout u každé barvy, kterou chceš zachovat, a pak na Generovat barvy. Zamčené barvy zůstanou na místě; v režimu harmonie se první zamčená barva stane i základem nové palety.
Proč použít harmonii OKLCH místo čistě náhodných barev?
Čistě náhodné barvy se často perou nebo mají velmi odlišnou vizuální váhu. Paleta postavená z harmonie v OKLCH dává barvy, které k sobě patří a mají vyvážený jas, takže se lépe používají v návrhu.
Co obsahují exportní formáty?
Seznam HEX dává jeden kód na řádek, proměnné CSS a SCSS dávají deklarace --color-1 nebo $color-1, pole JSON dává seznam kódů a barvy Tailwind dávají objekt colors s klíči 100, 200… pro tvoji konfiguraci.
Jsou barvy skutečně náhodné?
Pocházejí z crypto.getRandomValues, kryptograficky bezpečného generátoru prohlížeče, takže se mezi kliknutími neopakuje žádný vzor.
Související nástroje
- Generátor barevných palet Vytvoř barevné palety z jedné základní barvy podle pravidel harmonie: komplementární, analogická, triadická, tetradická, čtvercová a monochromatická.
- Převodník barev Převeď libovolnou barvu mezi HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH a OKLCH. Vlož kód, zobraz barvu a zkopíruj každý formát jedním kliknutím.
- Výběr barev Bezplatný online výběr barev. Vyber libovolnou barvu a hned zkopíruj její kódy HEX, RGB, HSL, HSV a CMYK včetně kontrastu na bílé a černé.
- Generátor náhodných čísel Generuj náhodná čísla v libovolném rozsahu, od 1 do 10 000 najednou, jako celá či desetinná, s duplicitami nebo bez nich, pomocí bezpečné náhody prohlížeče.