Slik lager du en gradient-fargepalett
Velg startfargen og sluttfargen, ved å skrive inn koden eller med fargevelgeren, og hvor mange toner du vil ha mellom dem, fra 3 til 12. Mellomfargene beregnes i et fargerom som etterligner menneskets syn (OKLab), så trinnene mellom tonene ser jevne ut, og det dukker ikke opp grumsete grått i midten.
Gradientpalett eller sammenhengende gradient
Dette verktøyet gir deg enkeltfarger med kode, så du kan bruke dem én og én: i en Tailwind-skala, i diagrammer, i en presentasjon eller i seksjonene på en nettside. Trenger du en bakgrunn som går mykt fra én farge til en annen, bruker du heller gradientgeneratoren for CSS.
Vanlige spørsmål
Hva er en gradient-fargepalett?
Det er en rekke farger som går gradvis fra én farge til en annen. For eksempel fra rosa til lyseblått i 7 trinn. Hver farge har sin egen HEX-kode og kan brukes for seg.
Hvor mange farger kan paletten ha?
Mellom 3 og 12. Med få farger merkes trinnene mer; med mange blir overgangen mykere, og du får flere toner å velge mellom.
Hvilke formater kan jeg eksportere den i?
Som CSS-variabler med gradienten klar til bruk, liste med HEX-koder, Tailwind-konfigurasjon, JSON, SVG eller PNG-bilde. Du kan også åpne den i fargepalett-generatoren og redigere den videre.
Hvorfor ser ikke mellomtonene grå ut?
Fordi blandingen beregnes i OKLab, et fargerom laget for menneskets syn. En direkte RGB-blanding mellom motsatte farger, som rosa og grønn, går gjennom matte toner; i OKLab blir overgangen renere og jevnere.
Kan jeg dele paletten min?
Ja. Adressen til siden lagrer de to fargene og antall toner, så du kan kopiere den og sende den.
Hva er forskjellen fra gradientgeneratoren?
Gradientgeneratoren lager en sammenhengende bakgrunn i CSS. Dette verktøyet gir deg de enkelte fargene som ligger mellom to farger, så du kan bruke dem én og én.
Er det gratis?
Ja, uten registrering og uten begrensninger. Du kan lagre favorittgradientene dine med hjertet; de lagres i denne nettleseren.