Så skapar du en färgpalett med gradient
Välj start- och slutfärg, genom att skriva koden eller med färgväljaren, och hur många nyanser du vill ha mellan dem, från 3 till 12. Mellanfärgerna räknas ut i en färgrymd som efterliknar människans syn (OKLab), så stegen mellan nyanserna ser jämna ut och inga smutsgrå toner dyker upp i mitten.
Gradientpalett eller mjuk gradient
Verktyget ger dig separata färger, var och en med sin kod, att använda en i taget: i en Tailwind-skala, i diagram, i en presentation eller i sektionerna på en webbplats. Behöver du en bakgrund som mjukt går över från en färg till en annan, använd CSS-gradientgeneratorn.
Vanliga frågor
Vad är en färgpalett med gradient?
Det är en serie färger som steg för steg går från en färg till en annan. Till exempel från rosa till himmelsblått i 7 steg. Varje färg har sin egen HEX-kod och kan användas för sig.
Hur många färger kan paletten ha?
Mellan 3 och 12. Med få färger syns stegen tydligare; med många blir övergången mjukare och du har fler nyanser att välja bland.
Vilka format kan jag exportera till?
CSS-variabler med gradienten färdig att använda, en lista med HEX-koder, Tailwind-konfiguration, JSON, SVG eller PNG-bild. Du kan också öppna den i palettgeneratorn och fortsätta redigera.
Varför ser mellannyanserna inte grå ut?
Eftersom blandningen räknas ut i OKLab, en färgrymd anpassad efter människans syn. En rak RGB-blandning mellan motsatta färger, som rosa och grönt, passerar matta toner; i OKLab blir övergången renare och jämnare.
Kan jag dela min palett?
Ja. Sidans adress sparar båda färgerna och antalet nyanser, så du kan kopiera den och skicka den vidare.
Vad är skillnaden mot gradientgeneratorn?
Gradientgeneratorn skapar en sammanhängande bakgrund i CSS. Det här verktyget ger dig de separata färgerna som ligger mellan två färger, att använda en i taget.
Är det gratis?
Ja, utan konto och utan begränsningar. Du kan spara dina favoritgradienter med hjärtat; de sparas i den här webbläsaren.