Utforska vår kurerade samling av över 100 fantastiska färggradienter. Klicka på gradientprover för att se enskilda färger, kopiera CSS-kod direkt och hitta perfekta gradientkombinationer för din design.
Skrolla genom rutnätet av gradientprover för att utforska olika färgkombinationer och stilar. Varje gradient visar sitt namn och färgkoder.
Klicka på vänster halva av en gradient för att se startfärgen, eller klicka på höger halva för att se slutfärgen. HEX-koden visas i 2 sekunder.
Klicka på knappen 'Klicka för att kopiera gradient' under valfri gradient för att kopiera den kompletta CSS background-egenskapen till ditt urklipp.
Klistra in den kopierade CSS-koden i din stilmall eller inline-stilar. Gradienten är redo att användas med linear-gradient-formatet.
Få tillgång till en noggrant utvald samling av över 100 vackra gradientkombinationer, organiserade efter stil och färgtema för enkel navigering.
Klicka på vänster eller höger halva av valfritt gradientprov för att se de individuella start- och slutfärgerna med deras HEX-koder visade.
Kopiera omedelbart färdig CSS linear-gradient-kod till ditt urklipp med ett enda klick på kopieringsknappen.
Bläddra bland gradienter i en ren, modern rutnätslayout med gradientnamn och färgkoder tydligt visade för snabb referens.
Färggradienter är mjuka övergångar mellan två eller flera färger som skapar en visuellt tilltalande blandning. I webbdesign låter CSS linjära gradienter dig skapa dessa färgövergångar som flyter i en angiven riktning. Vårt bibliotek innehåller professionellt utvalda gradientkombinationer som fungerar bra tillsammans, vilket sparar dig tid när du ska hitta harmoniska färgövergångar för bakgrunder, knappar, kort och andra designelement.
Varje gradient i vår samling har noggrant valts ut för visuell attraktionskraft och designmångsidighet, vilket säkerställer färgkombinationer av hög kvalitet.
Få omedelbar CSS-kod som fungerar direkt. Du behöver inte skriva gradient-syntax manuellt eller experimentera med färgvärden.
Se enskilda gradientfärger genom att klicka på olika delar av provet, vilket gör det enkelt att förstå exakt vilka färger som används.
Skippa försöks- och misstagsmetoden med att skapa gradienter från grunden. Hitta den perfekta gradienten snabbt och implementera den omedelbart i dina projekt.
Biblioteket innehåller över 100 noggrant utvalda gradientkombinationer, med olika stilar från subtila övergångar till djärva, levande blandningar som passar olika designbehov.
Klicka på vänster halva av ett gradientprov för att se startfärgen, eller klicka på höger halva för att se slutfärgen. HEX-koden visas på provet i 2 sekunder.
Verktyget kopierar en komplett CSS background-egenskap med en linjär gradient som går från vänster till höger (riktning 'to right'). Till exempel: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Ja, alla gradienter i biblioteket är gratis att använda i personliga och kommersiella projekt utan begränsningar. Färggradienter kan inte upphovsrättsskyddas.
Efter att ha kopierat CSS-koden, klistra in den i din stilmall eller som en inline-stil. Du kan applicera den på bakgrunden av vilket element som helst, såsom divs, sektioner, knappar eller kort.
Ja, efter att ha kopierat CSS-koden kan du ändra riktningen genom att modifiera delen 'to right' till andra värden som 'to bottom', 'to top', '45deg', eller vilken vinkel du föredrar.
Bläddra bland över 200 professionellt utvalda färgpaletter organiserade efter kategori. Kopiera färger direkt, favoritmärk paletter, exportera som CSS, JSON, PNG eller PDF. Perfekt för designers och utvecklare.
Extrahera färger från vilken bild som helst online gratis. Ladda upp en bild, klicka för att välja färger och få HEX, RGB, HSL och CMYK-värden. Skapa och exportera färgpaletter.
Kontrollera färgkontrastförhållanden för webbtillgänglighet. Testa kombinationer av text- och bakgrundsfärger mot WCAG-riktlinjerna med förhandsgranskning i realtid, tillgänglighetsbetyg och förbättringsförslag.
Skapa fantastiska visuella collage genom att kombinera dina bilder med extraherade färgpaletter. Ladda upp vilken bild som helst för att automatiskt extrahera dess dominerande färger och skapa vackra kompositioner med anpassningsbara layouter, stilar och bildförhållanden.
Skapa, visa och hantera färgpaletter med avancerade funktioner. Generera paletter med hjälp av färgteori, importera från olika format, kontrollera tillgänglighetskontrast och exportera till CSS, SCSS, Tailwind, JSON eller PNG-format.
Generera fantastiska färgpallatter online med vår gratis färgpallattsgenerator. Skapa harmoniska färgscheman med hjälp av färgteoriprinciper eller extrahera färger från bilder. Exportera till formaten CSS, SCSS, Tailwind, JSON, PDF och PNG.