Négyféle színátmenet
Készíts lineáris, sugárirányú vagy kúpos hátteret. A többpontos színkeverés egymásra rétegzett sugárirányú színfoltokból áll.
Színátmenet-készítő
Készíts színátmenetet, állítsd be a színeit és irányát, majd másold a CSS-kódot. Kiindulásként 60 kész mintából is választhatsz.
Mód kiválasztása
További műveletek
Kapcsolódó eszközök
Statisztikáid
0
Kiválasztott színek
0
Exportált paletták
0
Létrehozott színátmenetek
0
Kontrasztellenőrzések
Színválasztó
Leggyakrabban használt mód
0%
Aktivitási pontszám
CSS-színátmenet készítése
A videó nem tölthető be. Az alábbi útmutatót továbbra is követheted.
A videó az angol felületet mutatja.
A Lineáris egyenes mentén, a Sugárirányú középpontból kifelé, a Kúpos pedig középpont körül keveri a színeket. Több színterülethez válaszd a Többpontos típust. Kész színekkel egy gyorsmintából indulhatsz.
Készíts CSS-színátmenetes hátteret
60 kiinduló minta
Keress egy mintát a gyűjteményben, és alkalmazd. Ezután alakítsd a színeket és helyüket a tervedhez.
Színpontok
A lineáris, sugárirányú és kúpos átmenetekhez legfeljebb hat színpontot adhatsz meg. A többpontos átmenet legfeljebb tíz színpontot enged.
További 3 megjelenítéseKevesebb megjelenítése
CSS- és SCSS-kód
Másold a CSS-hátteret vagy az SCSS-változót. Az irány vagy a színek helyének módosítása után ellenőrizd az eredményt a saját stíluslapodban.
Az exportformátumok korlátai
A Tailwind lineárisra egyszerűsíti az átmenetet. Az SVG a kúpos és többpontos terveket lineáris változattal helyettesíti. Ezek a formátumok ezért eltérhetnek az előnézettől.
További színeszközök
A módválasztó külön oldalakat nyit meg a színválasztáshoz, a képek színeihez, a palettakészítéshez és a kontrasztellenőrzéshez.
Gyakori kérdések
Hogyan készíthetek CSS-színátmenetet?
Válassz típust vagy mintát, módosítsd a színeket és helyüket, majd másold a CSS-hátteret. Illeszd a stíluslapodba, és ellenőrizd abban a böngészőben, amelyben használni fogják.
Milyen színátmeneteket készíthetek?
Lineáris, sugárirányú, kúpos és többpontos átmeneteket. A többpontos keverés egy alapszín fölé rétegzett sugárirányú átmenetekből áll, nem külön CSS-függvényből.
Készíthetek kúpos vagy hálószerű színátmenetet?
Igen. A kúpos átmenet egy középpont köré rendezi a színeket. A többpontos átmenet sugárirányú színfoltokból épít hálószerű hátteret. E típusok megőrzéséhez használd a CSS-kimenetet.
Hány színpontot vagy pontot adhatok hozzá?
A lineáris, sugárirányú és kúpos átmenetekhez legfeljebb hat színpontot adhatsz. A többpontos átmenet legfeljebb tíz pontot enged. Mindegyik színét és helyét módosíthatod.
További 4 megjelenítéseKevesebb megjelenítése
Minden export megegyezik az előnézettel?
A Tailwind lineárisra egyszerűsíti a tervet. Az SVG a kúpos és többpontos átmenetek helyett lineárisat ad. A PNG és JPG 1200 × 600 képpontos, ezért arányaik és színkeverésük eltérhet a CSS-előnézettől. A választott színátmenettípus megőrzéséhez használd a CSS-t.
Vannak kész minták?
Igen. A Könyvtár megnyitása 60 kereshető mintát nyit meg a négy típusból. Válassz egyet kiindulásként, majd alakítsd tovább.
Ingyenes a színátmenet-készítő?
Igen, a MORELESS fiók nélkül biztosítja. A számítások és a kód létrehozása a böngészőben történnek.
Hogyan nyithatom meg a többi színeszközt?
Használd a színátmenet beállításai fölötti módválasztót. Külön oldalakat nyit meg a színválasztáshoz, a képek színeihez, a palettakészítéshez és a kontrasztellenőrzéshez.
Technikai részletek
CSS-hátterek
A CSS a linear-gradient(), radial-gradient() vagy conic-gradient() függvényt használja színekkel és pozíciókkal. Az előnézetet a böngésző CSS-motorja rajzolja ki. A másolt kódot ellenőrizd a saját stíluslapodban.
Többpontos színkeverés
A többpontos átmenet radial-gradient() függvényeket rétegez egy alapszín fölé. Minden pontnak színe és kétdimenziós pozíciója van. Nincs multipoint-gradient() nevű CSS-függvény.
További 2 megjelenítéseKevesebb megjelenítése
A kódexport korlátai
Az SCSS változóba foglalja a színátmenetet. A Tailwind egyszerűsített lineáris irányt és csak néhány színt használ. Az SVG támogatja a lineáris és sugárirányú átmeneteket, a kúpos és többpontos típusokat lineárissal helyettesíti.
A képexport korlátai
A PNG és JPG a Canvas segítségével készül, 1200 × 600 képpontban, az aktuális színekkel és az elérhető szög-, középpont- vagy pontpozíció-beállításokkal. A rögzített képarány és a színkeverés eltérhet a CSS-előnézettől. A kúpos kép exportálásához a Canvasnak támogatnia kell a kúpos átmeneteket.