Jämförelse · kontrollerad 2026-10-25

De bästa gratisverktygen för färgpaletter och kontrast

Ett palettverktyg ska hitta färgerna i en bild, skapa harmonier från en färg, kontrollera att texten går att läsa och lämna över paletten till dina design- eller kodverktyg. Här är vad vart och ett erbjuder, enligt deras egna sidor.

Vi gör Colours, ett av verktygen på den här sidan. Varje fakta om de andra verktygen kommer från deras egna sidor, länkade under varje verktyg, som de såg ut 2026-10-25. Priser och funktioner ändras: kontrollera varje webbplats innan du väljer.

Så jämförde vi

• Gratis, och vad ett konto eller en plan lägger till
• Färger ur en bild
• Harmonier och skalor från en färg
• WCAG-kontrastkontroll
• Exportfiler (CSS, Tailwind, ASE, GPL)

Snabb överblick

1. Colours (vår)

Bäst för: Att hämta färger ur dina egna bilder utan att dela dem, kontrollera kontrast och exportera en palett som kod eller färgrutefil, allt på en sida.

Bra

• Bilderna läses i webbläsaren och laddas aldrig upp
• Export till CSS-variabler, Tailwind-konfiguration, JSON, Adobe .ase och GIMP .gpl, och filerna går att öppna igen
• HEX, RGB, HSL, OKLCH och CMYK, där OKLCH utanför färgomfånget mappas in i sRGB

Mindre bra

• Inget bibliotek med delade paletter att bläddra i
• Ingen förhandsgranskning för färgblindhet
• Ingen export av paletten som PDF eller bild

Öppna Colours

2. Coolors

Bäst för: Att snabbt generera och bläddra bland paletter, med ett stort bibliotek och tillägg för designverktyg.

Bra

• Generator med mellanslagstangenten och över 10 miljoner paletter att utforska
• Export till PDF, bild, CSS, ASE, SVG, kod och Tailwind
• Palette Visualizer förhandsgranskar färgerna på design

Mindre bra

• Gratisplanen sparar upp till 10 paletter; sidan räknar upp färgextraktion med Image Picker och avancerad export bland Pro-funktionerna

Webbplatsen för Coolors · Källor: Coolors startsida

3. Adobe Color

Bäst för: Designers i Adobes appar som vill ha harmoniregler på ett färghjul och paletter sparade i sitt bibliotek.

Bra

• Monokromatiska, komplementära, analoga, triadiska och delat komplementära regler på ett färghjul
• Förhandsgranskning för färgblindhet
• Sparar paletter i ditt bibliotek för andra projekt

Mindre bra

• Sidan om färghjulet nämner inga exportfiler

Webbplatsen för Adobe Color · Källor: Adobe Color, färghjulet

4. WebAIM Contrast Checker

Bäst för: Att kontrollera ett par av text och bakgrund mot WCAG, med en länk för att dela resultatet.

Bra

• Reglage för ljushet för att justera båda färgerna
• Permanent länk och ett JSON-API för resultatet
• Alfa för förgrunden

Mindre bra

• Kontrollerar ett par; skapar och exporterar inga paletter

Webbplatsen för WebAIM Contrast Checker · Källor: WebAIM Contrast Checker

Vilket ska du välja

Colours är vårt val när färgerna kommer från dina egna bilder och paletten ska hamna i kod eller ett designverktyg: pipetten, huvudfärgerna, kontrastkontrollen och exporten finns på en sida, och inget laddas upp.

Välj Coolors för generatorn, biblioteket och tilläggen, Adobe Color för färghjulet och Adobe-biblioteket, och WebAIM-kontrollen för att kontrollera och dela ett enskilt par.

Frågor

Vilken kontrastkvot behöver jag?

WCAG AA kräver 4.5:1 för normal text och 3:1 för stor text och UI-delar; AAA kräver 7:1 och 4.5:1. Alla fyra verktygen visar kvoten.

Vilken fil öppnas i Photoshop eller Illustrator?

En Adobe Swatch Exchange-fil (.ase). Både Colours och Coolors kan exportera en.

Laddas min bild upp?

Inte i Colours: den läses i din webbläsare. Läs vad de andra verktygen själva skriver om integritet.

Namnen på andra produkter är varumärken som tillhör sina ägare. PartPriced Tools är inte knutet till dem.