Skapa fantastiska färggradienter och generera anpassade färgpaletter online gratis. Välj start- och slutfärger, justera palettstorleken och kopiera CSS-kod eller individuella hex-färger. Perfekt för webbdesign, grafisk design och kreativa projekt.
Välj Startfärg
Välj din startfärg med färgväljaren eller ange en hex-kod direkt i textfältet. Detta blir den första färgen i din gradient.
Välj Slutfärg
Välj din slutfärg med den andra färgväljaren eller hex-inmatningen. Detta skapar övergångens slutpunkt för din gradient.
Justera Palettstorlek
Använd reglaget för att ställa in hur många färger du vill ha i din palett (3-12 färger). Fler färger skapar mjukare övergångar.
Kopiera Färger & CSS
Klicka på valfri färg för att kopiera dess hex-kod, använd 'Kopiera CSS' för gradientkoden, eller 'Kopiera Alla' för hela paletten.
Interaktiv Färgväljare
Välj start- och slutfärger med intuitiva färgväljare eller ange hex-värden direkt för exakt färgkontroll
Anpassningsbar Palettstorlek
Generera färgpaletter med 3 till 12 färger, med mjuka övergångar mellan dina valda start- och slutfärger
Live Förhandsgranskning av Gradient
Se din gradient i realtid med en vacker visuell förhandsgranskning som uppdateras omedelbart när du justerar färger
Kopiera med Ett Klick
Kopiera individuella hex-färger, CSS-gradientkod eller hela färgpaletter till urklipp med ett enda klick
En färggradientpalett är en samling färger som smidigt övergår från en färg till en annan och skapar ett harmoniskt färgschema. Dessa paletter är avgörande inom designarbete och hjälper till att skapa enhetliga visuella upplevelser i webbplatser, appar och grafiska designprojekt. Vår gradientpalettgenerator genererar mellanliggande färger genom att interpolera RGB-värden mellan dina valda start- och slutfärger, vilket säkerställer mjuka och naturliga färgövergångar.
Omedelbara Resultat
Generera vackra färgpaletter omedelbart med live förhandsgranskning. Ingen väntetid, ingen bearbetning – se din gradient uppdateras i realtid när du gör ändringar.
Utvecklarvänlig
Få färdiga CSS-gradientkoder och hex-färgvärden som du omedelbart kan använda i dina webbprojekt, designverktyg eller applikationer.
Slumpmässig Inspiration
Använd den slumpmässiga färggeneratorn för att upptäcka oväntade och vackra färgkombinationer som du kanske annars inte hade tänkt på.
Ingen Installation Krävs
Skapa färggradienter direkt i din webbläsare utan att ladda ner programvara eller skapa konton. All bearbetning sker lokalt för snabb prestanda.
Klicka på knappen 'Kopiera CSS' under gradientförhandsgranskningen för att kopiera hela CSS linear-gradient-koden till ditt urklipp. Du kan sedan klistra in den direkt i dina CSS-filer.
Ja! Du kan ange hex-färgkoder direkt i textfälten bredvid varje färgväljare. Gradienten uppdateras automatiskt när du anger giltiga hex-koder.
Du kan generera paletter med upp till 12 färger. Använd reglaget för att justera palettstorleken mellan 3 och 12 färger beroende på dina behov.
Den slumpmässiga färggeneratorn skapar två helt slumpmässiga hex-färger för dina start- och slutpunkter, vilket ger dig oväntade och inspirerande färgkombinationer att arbeta med.
Ja! Klicka på valfri färgkvadrat i den genererade paletten för att kopiera dess hex-kod till ditt urklipp. Du kommer att se ett bekräftelsemeddelande när färgen kopieras.