Färgpalett från bilder
Plocka dominanta färger ur en eller flera bilder och exportera dem som CSS- eller Tailwind-variabler. Allt sker lokalt i din webbläsare.
Steg 1
Inställningar
Steg 2
Ladda upp bilder
Släpp bilder här eller klicka för att välja
Stödjer JPG, PNG och WEBP — flera filer samtidigt
Tips: tryck Ctrl+V för att klistra in en bild
Allt sker lokalt i din webbläsare. Inga bilder skickas till någon server.
Eller börja från en färdig palett
Extrahera den dominanta färgpaletten ur en eller flera bilder direkt i webbläsaren. Få HEX, RGB, HSL och OKLCH för varje färg och exportera hela paletten som CSS-variabler, Tailwind v4-tema, SCSS, JSON eller en SVG-strip. Inga uppladdningar — allt händer lokalt på din enhet.
Snabbfakta
- Antal färger
- 2–12 per palett
- Format
- HEX, RGB, HSL, OKLCH
- Export
- CSS, Tailwind v4, SCSS, JSON, SVG
- Motor
- Median-cut, lokalt
- Integritet
- Lokalt i webbläsaren
- Pris
- 0 kr
- Konto
- Behövs ej
Vanliga frågor
Lämnar mina bilder enheten?
Nej. Färgextraktionen körs helt lokalt i din webbläsare via Canvas och median-cut-kvantisering. Bilden skickas aldrig till någon server.
Vilka format kan jag exportera till?
HEX, RGB, HSL och OKLCH per färg, plus färdiga utvecklarvänliga export: CSS-variabler, Tailwind v4 (@theme), Tailwind v3 (config), SCSS-variabler, JSON och en SVG-swatch-strip.
Hur många färger kan jag extrahera?
Mellan 2 och 12 dominanta färger per palett. Kombinerade paletter från flera bilder slås ihop och rangordnas efter andel.
Vad är OKLCH och varför vill jag ha det?
OKLCH är ett perceptuellt jämnt färgrum som ger förutsägbara ljus- och mörkningar. Det är standard i Tailwind v4 och CSS Color 4 — bättre än HSL för moderna designsystem.
Kan jag dela en palett som länk?
Ja. Klicka 'Dela palett' så kopieras en URL (?p=…) som öppnar exakt samma färger hos mottagaren — inga konton, inga bilder skickas.
Hur fungerar harmoni-läget?
Välj en basfärg och Krymp genererar en komplementär, triadisk, analog eller monokromatisk palett enligt klassisk färgteori. Olåsta slottar fylls automatiskt.
Funkar färgpipetten i webbläsaren?
Ja, i Chrome, Edge och Opera via EyeDropper API. Safari och Firefox saknar stöd — där visas en notis och du kan ändå välja färg manuellt.