Mesh Gradient Generator
Skapa bakgrunder med mesh-gradienter (mjukt utfärgade färgfläckar) och ladda ner dem som PNG eller kopiera CSS-koden.
Hur du skapar en mesh-gradient online
Välj bakgrundsfärg och lägg till färger
Välj en basfärg och lägg till upp till 6 färgfläckar som blandas tillsammans.
Randomisera positionerna
Tryck på randomiseringsknappen för att flytta färgfläckarna tills du hittar en kombination du gillar.
Ladda ner PNG eller kopiera CSS
Ladda ner resultatet som en PNG-bild klar att använda, eller kopiera CSS-koden för att tillämpa den direkt på din webbplats.
Vanliga frågor om meshgradient-generatorn
Meshgradienter (eller nätgradienter) har blivit populära som bakgrunder för webbsidor, appar och sociala medier tack vare sitt mjuka och abstrakta utseende. Det här verktyget genererar och laddar ner dem direkt i din webbläsare.
Vad är en meshgradient?
+
Det är en gradient som består av flera färgfläckar som smälter samman med varandra, istället för en enkel linjär eller radiell övergång mellan två färger.
Hur skiljer det sig från den vanliga CSS-gradientgeneratorn?
+
CSS-gradientgeneratorn skapar linjära eller radiella övergångar mellan 2 och 4 färger. Denna generator skapar en mer organisk effekt med flera oberoende färgfläckar, och du kan dessutom ladda ner resultatet direkt som en PNG-bild.
Hur många färger kan jag använda?
+
Du kan kombinera mellan 3 och 6 färger i samma mesh-gradient.
Kan jag ladda ner resultatet som en bild?
+
Ja, du kan ladda ner mesh-gradienten direkt i PNG-format, redo att användas som bakgrund.
Är det gratis?
+
Ja, det här verktyget är helt kostnadsfritt.
Laddas min design upp till någon server?
+
Nej. Hela processen, från generering till nedladdning av PNG, sker direkt i din webbläsare utan att några data skickas till en server.
Färger
Färgkonverterare (HEX, RGB, HSL, CMYK)
Konvertera färger mellan HEX, RGB, HSL och CMYK direkt, med liveförhandsvisning och närmaste färgnamn.
Färgpalettgenerator
Skapa harmoniska färgpaletter med 5 färger (komplementära, analoga, triadiska eller monokromatiska) från en basfärg.
CSS-gradientgenerator
Skapa linjära eller radiella gradienter med upp till 4 färger och kopiera den färdiga CSS-koden.
WCAG-kontrastkontroll
Kontrollera om färgkombinationen mellan text och bakgrund uppfyller tillgänglighetsniväerna AA och AAA.
Slumpmässig färg
Generera en slumpmässig färg med ett klick och upptäck dess namn, HEX/RGB/HSL-kod och liknande färger.
Färgväljare (pipett)
Välj vilken färg som helst från din skärm med webbläsarens pipettverktyg, eller använd den klassiska färgväljaren.
Färgblindhetssimulator
Ladda upp en bild och se hur personer med protanopi, deuteranopi eller tritanopi skulle uppfatta den.
Generator för Nyanser och Skuggor
Generera automatiskt de ljusaste nyanser och mörkaste skuggorna av valfri färg, tillsammans med dess HEX-kod.
Färgblandare
Blanda två färger och upptäck mellantonerna steg för steg med deras HEX-kod.
Färghjul (Harmonier)
Välj en färg på hjulet och upptäck dess harmoniska kombinationer: komplementära, analoga, triadiska och mer.
Färgpalettextraktor från Bild
Ladda upp en bild och extrahera automatiskt dess dominanta färger i en palett, med HEX-kod för var och en.
Genomsnittlig Färg för en Bild
Ladda upp en bild och beräkna omedelbar dess genomsnittliga färg, med dess HEX-, RGB- och HSL-kod.
Utforska färger efter familj
Över 469 namngivna färger, med deras HEX-, RGB-, HSL- och CMYK-koder, organiserade i 12 färgtonfamiljer.
