Palet- + toeganklikheidshulpmiddels

Pragtige paletten. Geverifieerde kontras. Een werkstroom.

Voeg ’n merkkleur by. Kry ’n geharmoniseerde palet, elke WCAG-beslissing, en eksporte vir CSS, Tailwind en Figma — sonder om die bladsy te verlaat.

Probeer nou Sien planne

Planne vanaf $5/mnd — kanselleer enige tyd

Lewendig — werk hier

Genereer ’n palet

Kies ’n merkkleur. ColorWell bou die res.

Basiskleur

Kleurskema

Analoog

Skakerings (lig → donker)

Eksporteer

Laai ontwerptokens af

Pro

Stoor die volledige palet en skakeringsreeks as gereed-om-te-gebruik lêers.

Gradeer na Pro om lêers af te laai

Kontras-toets

Kombineer enige twee kleure uit die palet. ColorWell wys die WCAG-besluit.

Voorgrond

Agtergrond

The quick brown fox jumps over the lazy dog.

2.77

Verhouding

Besluit: Slaag nie WCAG nie

Alles wat ’n merkpalet nodig het

Gebou vir aktiewe ontwerpers en front-end spanne wat daagliks koppelvlakke lewer.

Geharmoniseerde paletten

Kies enige hex-kleur. ColorWell genereer analoog, komplementêr, triadies en monochromatiese skemas met een klik.

WCAG-kontras — onmiddellik

Elke kleurenpaar in jou palet kry ’n AA/AAA-beslissing vir teks, groot teks en UI-komponente.

CSS-, Tailwind- en Figma-eksporte

Een-klik eksport na CSS-veranderlikes, ’n Tailwind-config, rou JSON-tokens, of plak-gereed Figma-styls.

Merkveilige variasies

Verlig, verdof en verhoog saturasie sonder om die tint te verskuif. ColorWell bly binne die perceptuele kleurspasiëring (Oklch).

Benamde tokens

Outomatiese name soos "indigo-500" of "slate-700" hou jou stylblad leesbaar vir mense, nie hex-kodes nie.

Stoor & sinkroniseer paletten

Elke palet wat jy bou, is joune om te behou — benoem dit, merk dit, kom later terug. Wolksinkronisasie vir Pro.

Drie stappe

Begin met ’n enkele merkkleur. Eindig met ’n werkende stylblad.

Kies

Voeg ’n hex-waarde by of gebruik die kleurkieser.

Genereer

ColorWell bou geharmoniseerde paletten en voer elke kontrastoets uit.

Eksporteer

Kopieer CSS-, Tailwind- of Figma-tokens — direk na jou kodebasis.

Eenvoudige pryse

Kies ’n plan en stop met die stryd met hex-kodes.

Starter

Vir solo-ontwerpers

$5/mnd

100 gestoorde palette / mnd
Onbeperkte kontras-toetse
CSS / Tailwind / JSON-uitvoer
Merkveilige variasies

Meeste gewild

Pro

Vir merkspanne

$15/mnd

2000 gestoorde palette / mnd
Figma-token-uitvoer
Merkkit (multi-paletprojekte)
Wolkgesinkroniseerde biblioteke
Prioriteitsondersteuning

Gereelde vrae

Moet ek iets installeer?

Nee. ColorWell werk heeltemal in die blaaier — jou kleure verlaat nie jou masjien totdat jy kies om dit te sinkroniseer nie.

Watter kleurspasiëring gebruik julle?

ColorWell werk onder die kap in Oklch — variasies bly binne die perseptuele kleurspasiëring, sodat die ligting van ’n merkkleur nie sy tint laat afwyk nie.

Hoe werk uitvoere?

Een-klik kopieer na knipbord vir CSS-veranderlikes, Tailwind-konfigurasieblokke, rou JSON of Figma-gereedgestyde style. Plak dit direk in jou kode of ontwerpgereedskap.

Kry ek 'n gratis proeftydperk?

Nee — dit is ’n betaalde hulpmiddel met planne vanaf $5 per maand. Starter is $5/mnd en Pro is $15/mnd; jy kan enige tyd kanselleer.

Hoe kanselleer ek?

Vanaf die rekeningblad, of deur ons ’n e-pos te stuur. Kansellasie stop die volgende hernuwing — jou oorblywende tyd bly bruikbaar.

Stop met handmatig aanpas van hex-kodes.

Genereer die palet, publiseer die stylblad — alles op een plek.

Sien planne