V jakých formátech barvy dostanu?

Každá barva se zobrazí jako kód HEX (například #4F46E5), hodnota RGB a hodnota HSL, všechny připravené ke zkopírování do CSS, Figmy nebo jakéhokoli grafického nástroje.

Jaký je rozdíl mezi „Příjemné“ a „Jakákoli barva“?

„Jakákoli barva“ vybírá každou z 16,7 milionu barev RGB se stejnou šancí, což často dává kalné tóny. „Příjemné“ drží sytost a světlost v rozsahu, který spolu obvykle dobře vypadá.

Můžu si nechat barvu, která se mi líbí?

Stiskni u barvy tlačítko Kopírovat a zkopíruješ její kód HEX. Nová paleta nahradí všechny barvy, takže si nejdřív zkopíruj ty, které chceš.

Můžu paletu ukázat na celé obrazovce?

Ano. Stiskni nahoře v nástroji „Celá obrazovka“ a barevné vzorky vyplní obrazovku, což se hodí při prezentaci nápadů. Klávesa Esc nebo „Ukončit celou obrazovku“ tě vrátí zpět.

Generátor náhodných barev: HEX, RGB a HSL

Získej náhodnou barvu nebo celou paletu s kódy připravenými ke kopírování.

Co je generátor náhodných barev?

Generátor náhodných barev vytváří barvy náhodně a ukazuje jejich kódy, abys je mohl(a) hned použít. Je to rychlý zdroj inspirace, když navrhuješ web, logo, prezentaci, pokoj nebo umělecké dílo a nevíš, kde začít. Vygeneruj jednu barvu nebo celou paletu, nech si ty, které se ti líbí, a generuj znovu.

Jak ho používat

Barvy: vyber jednu barvu, paletu 5 barev nebo 10 barev.
Styl: vyber, jaké barvy chceš (viz níže).
Stiskni Generovat. Každý vzorek ukazuje své kódy HEX, RGB a HSL.
Stiskni pod vzorkem Kopírovat a zkopíruješ jeho kód HEX, připravený k vložení do CSS, Figmy, Canvy, PowerPointu nebo jakékoli grafické aplikace.

Celá obrazovka: stiskni nahoře v nástroji Celá obrazovka a paleta se zobrazí velká, což pomůže při představování barevných nápadů klientovi nebo třídě. Klávesa Esc tě vrátí zpět. V části 🎨 Barvy a efekty si nastavíš vlastní barvy pozadí a tlačítek.

Čtyři styly

Příjemné: náhodný odstín se střední až silnou sytostí a střední světlostí. Tyto barvy obvykle vypadají dobře a dobře spolu fungují. Tady je nejlepší začít.
Pastelové: jemné, světlé barvy, vhodné pro pozadí, dětské a svatební návrhy a klidná rozhraní.
Tmavé: hluboké, tlumené tóny, užitečné pro pozadí tmavého režimu, záhlaví a návrhy s atmosférou.
Jakákoli barva: vybírá jednu ze všech 16 777 216 barev RGB se stejnou šancí. Je opravdu náhodná, takže počítej se spoustou hnědých, šedých a kalných tónů a občas s nějakým klenotem.

HEX, RGB a HSL stručně

HEX (například #4F46E5) je nejběžnější způsob zápisu barvy na webu. Tři dvojice znaků jsou množství červené, zelené a modré, každé od 00 do FF.
RGB (například rgb(79, 70, 229)) udává stejné množství červené, zelené a modré jako čísla od 0 do 255.
HSL (například hsl(243, 75%, 59%)) popisuje barvu tak, jak o ní lidé přemýšlejí: odstín (kde leží na barevném kruhu, 0–360°), sytost (jak je živá) a světlost (jak je světlá nebo tmavá). Je to nejsnazší formát pro ruční úpravu barvy, například pro světlejší verzi při najetí myší.

Kdy použít náhodné barvy

Návrh webů a aplikací: Najdi barvu pro zvýraznění nebo výchozí paletu a pak ji dolaď.
Umění a ilustrace: Dej si výzvu malovat nebo kreslit jen s vygenerovanou paletou.
Firemní identita a prezentace: Rychle prozkoumej barevné směry, než se rozhodneš pro barvy značky.
Hry a třídy: Přiděl náhodné barvy týmů, nebo hrajte hru „pojmenuj tuto barvu“.
Domov a ruční práce: Získej nápady na pletení, patchwork nebo barevné kombinace pokojů.

Tipy pro práci s paletou

Mnoho designérů používá pravidlo 60-30-10: jedna hlavní barva na zhruba 60 % návrhu, druhá na 30 % a barva pro zvýraznění na zbylých 10 %.
Vždy zkontroluj kontrast textu. Tmavý text na pastelových barvách a bílý text na tmavých barvách se obvykle čtou dobře.
Zkopíruj si barvy, které se ti líbí, než znovu stiskneš Generovat, protože nová paleta je nahradí všechny.

Potřebuješ místo toho náhodné písmeno nebo číslo? Vyzkoušej generátor náhodných písmen nebo generátor náhodných čísel.

Generátor náhodných barev