Gratis onlineverktyg som körs i din webbläsare
19 gratis verktyg från Color & Design som fungerar till 100 % i din webbläsare. Ingen uppladdning, ingen registrering, ingen installation – dina data lämnar aldrig din enhet.
Färgväljare (Color Picker)
Välj en färg och kopiera direkt HEX-, RGB- och HSL-värden. Skapa användbara toner och nyanser för bakgrunder, kanter och gränssnittstillstånd.
HEX RGB-omvandlare
Konvertera färger mellan HEX, RGB(A) och HSL(A) med liveuppdatering, alfastöd och kopierbara CSS-värden.
Färgpalettgenerator
Generera harmoniska färgpaletter från en basfärg, med komplementära, analoga, triadiska och monokromatiska scheman – direkt i webbläsaren.
CSS-gradientgenerator
Skapa linjära och radiella CSS-gradienter med flera färgstopp, liveförhandsgranskning och kopierbar CSS för background.
Box Shadow-generator
Skapa CSS box-shadow med reglage för förskjutning, oskärpa, spridning, färg, opacitet och inset-läge, med live-förhandsvisning i webbläsaren.
Kontrastkontroll (Contrast Checker)
Kontrollera WCAG-kontrastförhållandet mellan text- och bakgrundsfärg, med AA- och AAA-resultat (godkänt/underkänt) och direkt förhandsvisning.
Tailwind-nyansgenerator
Skapa en Tailwind-liknande skala med 11 nyanser (50-950) från en HEX-basfärg, med kopierbara CSS-variabler och JSON.
CSS-filtergenerator
Skapa CSS filter()-effekter visuellt med reglage för oskärpa, ljusstyrka, kontrast, gråskala, nyansrotation och mer.
Border Radius-generator
Skapa vanliga och elliptiska CSS border-radius-värden med live-förhandsvisning och kopierbar CSS-kod, direkt i din webbläsare.
Glassmorphism-generator
Skapa CSS för kort i frostat glas med reglage för oskärpa, transparens, nyans, kantlinje och hörnradie, direkt i din webbläsare.
Neumorphism-generator
Generera neumorfisk soft UI-CSS med parade skuggor, ytfärg, radie och platta, konkava eller konvexa former – direkt i webbläsaren.
Duotongenerator
Lägg på en tvåfärgad duoton-effekt på en bild direkt i webbläsaren och exportera resultatet som PNG, utan att ladda upp något till en server.
Färgblandare — Blanda två färger
Blanda två färger med valfritt RGB-förhållande och kopiera de färdiga HEX-, RGB- och HSL-värdena direkt i webbläsaren.
Färgnamnssökare — Närmaste CSS-färg
Hitta det närmaste CSS-färgnamnet för valfritt HEX-värde med RGB-avstånd, med färgprover och kopieringsknappar.
CSS-temagenerator
Välj dina varumärkesfärger och generera ett :root-tema med CSS-anpassade egenskaper i webbläsaren, med härledda token för hover, kantlinje och yta.
SVG-vågsgenerator
Skapa SVG-vågor i flera lager med justerbar amplitud, komplexitet, mjukhet och färger. Kopiera SVG eller CSS, eller ladda ned SVG och PNG.
Blob-generator
Generera slumpmässiga, organiska SVG-blobbar med justerbara punkter, slumpmässighet, gradientfyllningar och konturer. Kopiera SVG eller ladda ned PNG.
Mesh-gradientgenerator
Bygg mesh-gradienter av 3 till 6 dragbara färgpunkter med oskärpa och brus. Kopiera CSS:en eller ladda ned en PNG-bild.
CSS Clip-Path-generator
Redigera CSS clip-path-former visuellt med förinställningar, dragbara polygonpunkter och reglage. Kopiera clip-path-CSS:en.