CSS gradiens generátor

A lineáris gradiens (135 fok, #2193b0 0%, #6dd5ed 100%) kézzel történő írása és az oldal újratöltése, hogy lássa, lassú ciklus. Ez a generátor bezárja: válasszon lineáris, radiális vagy kúpos alakú, húzza a szögcsúszkát, állítson be minden színütközőt egy natív színválasztóval és egy százalékos pozícióval – és a teljes szélességű előnézet minden egyes bemeneten újrafestődik, a kész háttérvonal pedig mindig másolásra készen áll.

A három színátmenettípus különböző munkákat takar. A lineáris színátmenetek egy irányban elhalványulnak, és a legtöbb hős szakaszt és gombot hordozzák; sugárirányú gradiensek sugároznak a középpontból a ragyogások és a matricák számára; kúpos színátmenetek söpörnek a középső és a teljesítménykördiagramok és a színkerekek körül. Bármikor válthat típust – a megállások továbbvihetők, így a három összehasonlítása másodperceket vesz igénybe.

Akár hat színmegálló helyet biztosít többsávos minták számára, az előre beállított oldalak pedig bevált kombinációkat kínálnak – meleg naplementét, nyugodt óceánt és lágy pasztell párost – kiindulási pontként, amelyet az üres vásznak helyett módosíthat. Vegye figyelembe a munkamegosztást: a színpaletta-generátor ezen az oldalon harmonikus, lapos színeket választ ki, a színformátum-átalakító pedig lefordítja a HEX, RGB és HSL közötti értékeket, míg ez az eszköz más feladatot lát el – a kiválasztott színeket kész CSS gradiens kódokká alakítja.

Minden helyileg fut a böngészőben: nincs feltöltés, nincs fiók, nincs oda-vissza utak a szerverhez, és a generátor betöltés után offline állapotban is működik.