CColorWell
Holt ColorWell
Palett + Accessibility-Toolkit

Schéin Paletten. Verifizéierte Kontrast. Ee Workflow.

Setzt eng Markefaarf eran. Kritt eng harmonesch Palett, all WCAG-Bewäertung an Exporter fir CSS, Tailwind a Figma – ouni d'Säit ze verloossen.

Pläng vun $5/Mo — jiddwerzäit ofsoen

Live — funktionéiert hei direkt

Palette generéieren

Wielt eng Markefaarf. ColorWell mécht de Rescht.

Analog

Schattéierungen (hell → däischter)

Exportéieren

Design-Tokens eroflueden

Pro

Speichert déi komplett Palette an d'Schattéierungsverlaf als direkt asatzberecht Dateien.

Upgrade op Pro fir Dateien erofzelueden

Kontrastprüfung

Kombinéiert zwou Faarwen aus der Palette. ColorWell weist d'WCAG-Bewäertung.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Verhältnis

Bewäertung: Fällt duerch WCAG

Alles wat eng Markepalett brauch

Gemaach fir aktiv Designer a Front-End-Teams, déi all Dag Interfaces verëffentlechen.

Harmonesch Paletten

Wielt eng Hex-Faarf. ColorWell generéiert analog, komplementär, triadesch a monochromatesch Schema an engem Klick.

WCAG-Kontrast – direkt

All Faarfpuer an Ärer Palett kritt eng AA/AAA-Bewäertung géint Text, groussen Text an UI-Komponenten.

CSS-, Tailwind-, Figma-Exporter

One-Click-Export op CSS-Variabelen, eng Tailwind-Config, raw JSON-Tokens oder paste-ready Figma-Styles.

Markesécher Variatiounen

Oplichten, ofdäischteren a saturéieren ouni Hue-Drift. ColorWell bleift am perceptuelle Faarfraum (Oklch).

Benannt Tokens

Automatesch Nimm wéi "indigo-500" oder "slate-700" halen Äre Stylesheet liesbar fir Mënschen, net Hex-Codes.

Paletten späicheren & synchroniséieren

All Palett, déi Dir erstellt, gehéiert Iech – benennt se, taggt se, kënnt spéider zeréck. Cloud-Sync fir Pro.

Dräi Schrëtt

Start mat enger eenzeger Markefaarf. End mat engem funktionéierende Stylesheet.

1

Auswiel

Setzt e Hex-Wäert eran oder benotzt de Faarfpicker.

2

Generéieren

ColorWell baut harmonesch Paletten a féiert all Kontrastcheck duerch.

3

Export

Kopéiert CSS-, Tailwind- oder Figma-Tokens – direkt an Äre Codebase.

Einfach Präisser

Wielt e Plan a stoppt de Kampf mat Hex-Codes.

Starter

Fir Solo-Designer

$5/Mo.
  • 100 gespäichert Paletten / M
  • Onlimitéiert Kontrastchecks
  • CSS / Tailwind / JSON export
  • Markensécher Variatiounen
Bescht verkaf
Pro

Fir Markenteams

$15/Mo.
  • 2000 gespäichert Paletten / M
  • Figma token export
  • Brand Kit (Multi-Paletten-Projeten)
  • Cloud-synchroniséiert Bibliothéiken
  • Prioritéierten Support

Heefeg gestallte Froen

Muss ech eppes installéieren?

Nee. ColorWell leeft komplett am Browser – Är Faarwen verloossen Äre Computer eréischt, wann Dir se synchroniséiert.

Wéi e Faarfraum benotzt Dir?

ColorWell benotzt intern Oklch – Variatiounen bleiwen am perceptuelle Faarfraum, sou datt d'Hellegkeet vun enger Markefaarf hiren Ton net verännert.

Wéi funktionéieren d'Exporten?

Ee-Klick-Kopéieren an d'Zwëschenablag fir CSS-Variabelen, Tailwind-Config-Blécken, raw JSON oder Figma-fäerdeg Styles. Fügt se direkt an Äre Code oder Design-Tool an.

Kritt ech eng gratis Testphas?

Nee – dat ass e bezuelten Tool mat Pläng vun $5 pro Mount. Starter ass $5/M an Pro ass $15/M; Dir kënnt jiddwerzäit ofbriechen.

Wéi briechen ech of?

Op der Kontsäit oder per E-Mail un eis. D'Ofbriechung stoppt déi nächst Verlängerung – Är reschtlech Zäit bleift benotzbar.

Hört op, Hex-Codes manuell unzepassen.

Generéiert d'Palette, verëffentlecht d'Stylesheet – alles op enger Plaz.

Pläng gesinn