CSS Gradient Generator

Ruční zápis s lineárním přechodem (135 stupňů, #2193b0 0%, #6dd5ed 100%) a opětovné načtení stránky, abyste ji viděli, je pomalá smyčka. Tento generátor to uzavírá: vyberte lineární, radiální nebo kuželový, přetáhněte posuvník úhlu, nastavte každou barevnou zarážku pomocí nativního výběru barvy a pozice procenta – a náhled na celou šířku se překreslí na každý jednotlivý vstup, přičemž hotový řádek pozadí je vždy připraven ke kopírování.

Tři typy přechodů pokrývají různé úlohy. Lineární přechody slábnou podél směru a nesou většinu sekcí a tlačítek hrdiny; radiální gradienty vyzařující ze středu pro záře a viněty; kuželové přechody se táhnou kolem středu a mocenské koláčové grafy a barevná kolečka. Typy můžete kdykoli změnit – vaše zastávky se přenesou, takže porovnání těchto tří trvá několik sekund.

Až šest barevných zastávek vám poskytne prostor pro vícepásmové návrhy a přednastavené stránky dodávají osvědčené kombinace – teplý západ slunce, klidný oceán a jemný pastelový pár – jako výchozí body, které můžete vylepšit spíše než prázdná plátna. Všimněte si dělby práce: Generátor palety barev na tomto webu vybírá harmonické ploché barvy a převodník barevných formátů převádí hodnotu mezi HEX, RGB a HSL, zatímco tento nástroj dělá jinou práci – převádí vybrané barvy na připravený přechodový kód CSS.

Vše běží lokálně ve vašem prohlížeči: žádné nahrávání, žádný účet, žádné zpáteční cesty na server a generátor po načtení funguje offline.