⭐ 0
🔍
Text Bild PDF och dokument Ljud Musik Elektronik Tid Verktyg Validatorer Esoterik Spel

Pastell CSS Gradient — Färdiggjord kod

Bygg CSS-gradienter visuellt: linjär, radiell eller konisk typ, vinkelreglage och upp till sex färgstopp med en liveförhandsvisning i full bredd och kopierbar kod.

90°
Bearbetar... 0%

Resultat

Den här sidan öppnar gradientgeneratorn med en färdig pastelltonad: puderrosa #ffdde1 smälter in i dammig ros #ee9ca7. Förhandsgranskningspanelen visar det mjuka resultatet omedelbart, med CSS-raden redo nedan.

Pastellgradienter fungerar där mättade toningar ropar: onboarding-skärmar, kort, tomma tillstånd och skönhets- eller livsstilsvarumärken. Eftersom båda stoppen är ljusa förblir mörk text läsbar över hela ytan – något som de flesta livfulla övertoningar inte kan erbjuda utan ett överlägg.

Kopiera linjen som den är eller mjuka upp den ytterligare genom att knuffa intilliggande opacitet: flytta rosenstoppet till 80 % och låt det rosa dominera, eller vänd till en radiell typ för en mild glöd i mitten. Verktyget uppdaterar den kopierbara CSS-en vid varje ingång.

🛡️
Körs i webbläsare

Dina filer och indata lämnar aldrig den här enheten. Bearbetningen körs helt offline. 100 % säker.

Godkända format och regler

  • Val av gradienttyp (linjär, radiell, konisk) med ett vinkelreglage för linjära och koniska lägen.
  • Färgstopplista: två stopp för att starta, lägga till eller ta bort upp till sex, var och en med sin egen färgväljare och position i procent.
  • Kopierbar bakgrunds-CSS-linje plus färdiga förinställda sidor för solnedgång, hav och pastellgradienter.

Viktiga fördelar

✓ Förhandsgranskningen i full bredd målas om vid varje förändring - typ, vinkel och varje färgstopp - så CSS du kopierar är precis vad du såg.
✓ Upp till sex färgstopp med individuella positioner täcker allt från en enkel tvåfärgstonning till komplexa flerbandsbakgrunder.
✓ En deklaration, tre motorer: växla mellan linjär, radiell och konisk utan att bygga om dina stopp.

Användningsfall

  • • Komponera en hjältesektionsbakgrund genom att dra vinkel- och färgstoppen istället för att handredigera linear-gradient() och ladda om.
  • • Jämför samma färgstopp som linjära, radiella och koniska gradienter med en omkopplare - stoppen överförs mellan typerna.
  • • Ta en beprövad kombination från förinställningssidan för solnedgång, hav eller pastell och anpassa den till dina varumärkesfärger.