CSS Színátmenet Generátor
CSS színátmenetek vizuális szerkesztése: lineáris, radiális vagy kúpos típus, szögcsúszka és akár hat színátmenet-pont, élő, teljes szélességű előnézettel és másolható kóddal.
🔒 Teljesen a böngészőjében dolgozzák fel – soha semmi, amit itt beírt, nem kerül feltöltésre.
Eredmény
Kézzel megírni, hogy linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%), és újratölteni az oldalt, hogy lásd, lassú folyamat. Ez a generátor lerövidíti: válassz lineáris, radiális vagy kúpos típust, húzd a szögcsúszkát, állíts be minden színátmenet-pontot saját színválasztóval és százalékos pozícióval – a teljes szélességű előnézet pedig minden egyes bemenetre frissül, a kész háttér-sor pedig mindig másolásra kész.
A három színátmenet-típus különböző feladatokat lát el. A lineáris színátmenetek egy irány mentén halványulnak, és a legtöbb hős-szekciót és gombot ezek viszik; a radiális színátmenetek a középpontból sugároznak ragyogáshoz és vignettákhoz; a kúpos színátmenetek a középpont körül söpörnek, és ezek hajtják a tortadiagramokat és színköröket. Bármikor válthatsz a típusok között – a pontjaid átkerülnek, így a három összehasonlítása másodpercekbe telik.
Akár hat színátmenet-pont teret ad a többsávos terveknek, az alapbeállítás oldalak pedig kipróbált kombinációkat kínálnak – meleg naplementét, nyugodt óceánt és lágy pasztell párt – kiindulási alapként, amit továbbhangolhatsz, nem pedig üres vászonként. Figyeld meg a munkamegosztást: az oldalon található színpaletta-generátor harmonikus lapos színeket válogat, a színformátum-átalakító pedig értéket fordít HEX, RGB és HSL között, míg ez az eszköz más feladatot lát el – a kiválasztott színeket kész CSS színátmenet-kóddá alakítja.
Minden helyben, a böngésződben fut: nincs feltöltés, nincs fiók, nincsenek szerverkörök, és a generátor betöltés után offline is működik.