Sådan laver du en farvepalet med gradient
Vælg start- og slutfarve, ved at skrive koden eller med farvevælgeren, og hvor mange nuancer du vil have imellem dem, fra 3 til 12. Mellemfarverne beregnes i et farverum, der efterligner menneskets syn (OKLab), så trinene mellem nuancerne ser jævne ud, og der opstår ingen grumsede grå toner i midten.
Gradientpalet eller glidende gradient
Værktøjet giver dig separate farver, hver med sin kode, som du kan bruge én ad gangen: i en Tailwind-skala, i diagrammer, i en præsentation eller i sektionerne på et website. Har du brug for en baggrund, der glider blødt fra én farve til en anden, så brug CSS-gradientgeneratoren.
Ofte stillede spørgsmål
Hvad er en farvepalet med gradient?
Det er en række farver, der lidt efter lidt går fra én farve til en anden. For eksempel fra lyserød til himmelblå i 7 trin. Hver farve har sin egen HEX-kode og kan bruges for sig.
Hvor mange farver kan paletten have?
Mellem 3 og 12. Med få farver er springene tydeligere; med mange bliver overgangen blødere, og du har flere nuancer at vælge imellem.
Hvilke formater kan jeg eksportere den i?
Som CSS-variabler med gradienten klar til brug, en liste med HEX-koder, Tailwind-konfiguration, JSON, SVG eller PNG-billede. Du kan også åbne den i paletgeneratoren og redigere videre.
Hvorfor ser mellemnuancerne ikke grå ud?
Fordi blandingen beregnes i OKLab, et farverum udviklet efter menneskets syn. En direkte RGB-blanding mellem modsatte farver, som lyserød og grøn, går gennem matte toner; i OKLab bliver overgangen renere og mere jævn.
Kan jeg dele min palet?
Ja. Sidens adresse gemmer begge farver og antallet af nuancer, så du kan kopiere den og sende den videre.
Hvad er forskellen på gradientgeneratoren?
Gradientgeneratoren laver en sammenhængende baggrund i CSS. Dette værktøj giver dig de separate farver, der ligger mellem to farver, så du kan bruge dem én ad gangen.
Er det gratis?
Ja, uden login og uden begrænsninger. Du kan gemme dine yndlingsgradienter med hjertet; de gemmes i denne browser.