Palett- och tillgänglighetsverktyg

Vackra paletter. Verifierad kontrast. Ett arbetsflöde.

Ange en varumärkesfärg. Få en harmonisk palett, alla WCAG-bedomningar och export för CSS, Tailwind och Figma – utan att lämna sidan.

Try it now Visa planer

Planer från $5/mån – avsluta när som helst

Live — works right here

Generera en palett

Välj en varumärkesfärg. ColorWell skapar resten.

Basfärg

Färgschema

Analog

Nyanser (ljus → mörk)

Exportera

Ladda ner designtokens

Pro

Spara hela paletten och nyansskalan som färdiga filer.

Uppgradera till Pro för att ladda ner filer

Kontrastkontroll

Kombinera två färger från paletten. ColorWell visar WCAG-bedomningen.

Förgrund

Bakgrund

The quick brown fox jumps over the lazy dog.

2.77

Förhållande

Bedomning: Godkänns ej av WCAG

Allt en varumärkespalett behöver

Skapad för aktiva designers och front-end-team som levererar gränssnitt varje dag.

Harmoniska paletter

Välj vilken hexfärg som helst. ColorWell skapar analogiska, komplementära, triadiska och monokromatiska scheman med ett klick.

WCAG-kontrast – direkt

Varje färgpar i din palett får ett AA/AAA-betyg mot text, stor text och UI-komponenter.

Export till CSS, Tailwind, Figma

Exportera med ett klick till CSS-variabler, en Tailwind-config, råa JSON-tokens eller Figma-stilar redo att klistras in.

Varumärkessäkra variationer

Ljusa upp, mörkna och öka mättnaden utan att hue:n ändras. ColorWell håller sig inom det perceptuella färgrummet (Oklch).

Namngivna tokens

Automatiska namn som "indigo-500" eller "slate-700" gör din stylesheet läsbar för människor, inte bara hexkoder.

Spara och synka paletter

Alla paletter du skapar är dina att behålla – namnge dem, tagga dem och återkom senare. Molnsynk för Pro.

Tre steg

Börja med en enda varumärkesfärg. Sluta med en fungerande stylesheet.

Välj

Ange ett hexvärde eller använd färgväljaren.

Generera

ColorWell bygger harmoniska paletter och kör alla kontrastkontroller.

Exportera

Kopiera CSS-, Tailwind- eller Figma-tokens – direkt till din kodbas.

Enkel prissättning

Välj en plan och sluta justera hex-koder manuellt.

Starter

För enskilda designers

$5/mån

100 sparade paletter / mån
Obegränsade kontrastkontroller
Export till CSS / Tailwind / JSON
Varumärkessäkra variationer

Mest populär

Pro

För varumärkes-team

$15/mån

2000 sparade paletter / mån
Export av Figma-tokens
Brand kit (projekt med flera paletter)
Molnsynkroniserade bibliotek
Prioriterad support

Vanliga frågor

Behöver jag installera något?

Nej. ColorWell körs helt i webbläsaren – dina färger lämnar inte din enhet förrän du väljer att synka dem.

Vilket färgrum använder ni?

ColorWell använder Oklch under huven – variationerna håller sig inom det perceptuella färgrummet så att ljusningen av en varumärkesfärg inte ändrar dess nyans.

Hur fungerar exporten?

Enklickskopiering till urklipp för CSS-variabler, Tailwind-konfigurationsblock, rå JSON eller Figma-klara stilar. Klistra in dem direkt i din kod eller designverktyg.

Finns det en gratis provperiod?

Nej – detta är ett betalverktyg med planer från $5 i månaden. Starter är $5/mån och Pro är $15/mån; du kan säga upp när som helst.

Hur säger jag upp?

Från kontosidan eller genom att mejla oss. Uppsägningen stoppar nästa förnyelse – din återstående tid gäller fortfarande.

Sluta justera hex-koder manuellt.

Generera paletten, leverera stilmallen – allt på ett ställe.

Visa planer