CSS Gradient Generator

Hvad dette værktøj hjælper dig med

Byg en reproducerbar farverampe, forhåndsvis hvert genererede trin og kopiér den nøjagtige HEX-sekvens til CSS, diagrammer eller design-tokens.

Arbejdseksempel

Sådan produceres resultatet

Hver mellemfarve oprettes ved lineær interpolation af de røde, grønne og blå kanaler. Endepunkterne bevares, og de resterende farver placeres med lige store intervaller.

Nyttige arbejdsgange

• Opret ordnede diagramfarver eller heatmap-ramper
• Byg hover- og tilstandsfarver mellem to design-tokens
• Producer en kompakt palet til en baggrundsgradient

Vigtige begrænsninger

• RGB-interpolation kan se mørkere eller mudret ud mellem nogle komplementære farver.
• En glat udseende palet er ikke automatisk farveblindevenlig.
• Denne generator producerer jævnt fordelte RGB-farver; den hævder ikke perceptuel ensartethed.

Ofte stillede spørgsmål

Hvorfor kan midtpunktet se gråt eller mudret ud?

Modsatte RGB-kanaler kan gennemsnitligt føre til en neutral farve. Tilføj en passende mellemfarve i en multi-stop CSS-arbejdsgang, når visuel livlighed betyder noget.

Hvor mange farver skal jeg generere?

Brug det mindste antal, der matcher de forskellige tilstande eller databånd, du har brug for; kontinuerlige baggrunde kan bruge flere trin.