⭐ 0
🔍
Tekst Billede PDF & Docs Lyd Musik Elektronik Tid Hjælpeprogrammer Validatorer Esoterisk Spil

Ocean CSS Gradient — Færdiglavet kode

Byg CSS-gradienter visuelt: lineær, radial eller konisk type, vinkelskyder og op til seks farvestop med en live forhåndsvisning i fuld bredde og kopierbar kode.

90°
Behandler... 0%

Resultat

Denne side åbner gradientgeneratoren med en færdiglavet havfade indlæst: dyb blågrøn #2193b0 flyder ind i lys aqua #6dd5ed. Forhåndsvisningen i fuld bredde gengiver den på én gang, og baggrunds-CSS-linjen er klar til at kopiere.

Blågrønne farveforløb er det sikreste valg i brugergrænsefladen: de signalerer ro og tillid, holder hvid og mørk tekst læsbar i begge ender og passer lige godt til dashboards, SaaS-landingssider og bannere. Begge stop deler den samme kølige nuancefamilie, så blandingen forbliver ren i hele dens længde.

Send det, som det er, eller juster: Gør vinklen stejlere for at få en lodret dybdeeffekt, eller tilføj et næsten hvidt stop ved 100 % for at få en glød i horisonten. Hvis du har brug for matchende solide farver til knapper og accenter, opbygger farvepaletgeneratoren på dette websted en harmoni fra begge stop.

🛡️
Udføres i browser

Dine filer og input forlader aldrig denne enhed. Behandlingen kører helt offline. 100 % sikker.

Accepterede formater og regler

  • Valg af gradienttype (lineær, radial, kegleformet) med en vinkelskyder til lineære og koniske tilstande.
  • Farvestopliste: to stop til at starte, tilføje eller fjerne op til seks, hver med sin egen farvevælger og position i procent.
  • Kopierbar baggrund CSS-linje plus færdige forudindstillede sider til solnedgang, hav og pastelfarver.

Vigtige fordele

✓ Forhåndsvisningen i fuld bredde males igen ved hver ændring - type, vinkel og hvert farvestop - så den CSS, du kopierer, er præcis, hvad du så.
✓ Op til seks farvestop med individuelle positioner dækker alt fra en simpel tofarvet fade til komplekse multi-band baggrunde.
✓ En erklæring, tre motorer: skift mellem lineær, radial og konisk uden at genopbygge dine stop.

Brug Cases

  • • Komponer en heltesektionsbaggrund ved at trække i vinkel- og farvestoppene i stedet for at håndredigere linear-gradient() og genindlæse.
  • • Sammenlign de samme farvestop som lineære, radiale og kegleformede gradienter med en kontakt - stopperne overføres mellem typerne.
  • • Få fat i en gennemprøvet kombination fra siden med forudindstilling af solnedgang, hav eller pastel, og juster den til dit brands farver.