CColorWell
Zwa ColorWell
Toolkit ya palette + accessibility

Ba palettes ya kitoko. Contrast ekoteli. Mosala moko.

Tia couleur ya marque. Zwa palette ya malamu, ba verdicts nyonso ya WCAG, mpe ba exports mpo na CSS, Tailwind, mpe Figma — kozanga kotika page.

Ba-plans banda $5/sanzi — kokatisa ntango nyonso

Live — esalaka awa

Salá palète

Poná kulɛrɛ ya marque. ColorWell esalaka bisika mosusu.

Analogous

Nuances (clair → foncé)

Exporter

Télécharger les jetons de design

Pro

Enregistrez la palette complète et l'échelle de nuances sous forme de fichiers prêts à l'emploi.

Passez à Pro pour télécharger les fichiers

Vérification du contraste

Associez deux couleurs de la palette. ColorWell affiche le verdict WCAG.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Ratio

Verdict: Échoue au WCAG

Nyonso esengeli na palette ya marque

Esalami mpo na badesigner bazali kosala mpe ba équipes ya front-end bazali kobimisa interfaces mokomoko.

Ba palettes ya malamu

Poná couleur ya hex. ColorWell ekotisa ba schemes ya analogous, complementary, triadic mpe monochromatic na click moko.

WCAG contrast — mbala moko

Ba couleurs nyonso na palette ezali na verdict ya AA/AAA mpo na text, large text mpe ba composants ya UI.

Ba exports ya CSS, Tailwind, Figma

Export na click moko na ba variables ya CSS, config ya Tailwind, ba tokens ya JSON, to ba styles ya Figma.

Ba variations ya marque-safe

Pesá polele, pesá molili mpe pesá saturation kozanga kobongola hue. ColorWell etikali na espace ya couleur perceptuel (Oklch).

Ba tokens ya nkombo

Ba nkombo lokola "indigo-500" to "slate-700" esalaka stylesheet ezala ya kosuka na bato, kaka na ba codes ya hex.

Bombá mpe synchronisé ba palettes

Palette nyonso oyo osali ezali ya yo — pesá nkombo, pesá tag, zonga likolo. Cloud sync mpo na Pro.

Matapo misato

Bandá na couleur moko ya marque. Silisa na stylesheet ya kosala.

1

Poná

Tia valeur ya hex to salela color picker.

2

Kobimisa

ColorWell ekotisa ba palettes ya malamu mpe ekotisa ba checks nyonso ya contrast.

3

Export

Kotisa CSS, Tailwind to ba tokens ya Figma — na codebase ya yo.

Motuya ya pɛtɛɛ

Poná plan mpe tiká kobunda na ba codes ya hex.

Starter

Mpo na bakomisi bako

$5/san
  • Palètes 100 ezwami / sanza
  • Bokengeli ya kontrast na ntango nyonso
  • Kobimisa CSS / Tailwind / JSON
  • Bapartisi ya marque oyo esimbaki
Elingaka mingi
Pro

Mpo na bikolo ya marque

$15/san
  • Palètes 2000 ezwami / sanza
  • Kobimisa token ya Figma
  • Kit ya marque (baprojets ya palètes ebele)
  • Bibliothèques oyo ekangami na cloud
  • Lisungi ya liboso

Mituna etundami mbala na mbala

Esengeli nakosala installation?

Tɛ. ColorWell esalaka na navigateur — balakisi na yo bakimaka te na ordinatɛlɛ na yo soki okosala synchronisation.

Ndenge nini ya kulɛrɛ osaleli?

ColorWell esalela Oklch na kati — bapartisi bikokaka na espace ya kulɛrɛ perceptuel, mpo na kobongisa kulɛrɛ ya marque te kobongisa hue na yango.

Bokende bwa kobimisa esalaka boni?

Copier na clic moko na clipboard mpo na variables CSS, blocs ya config Tailwind, JSON brut, to styles ya Figma. Pesɛ na code to na outil ya design na yo.

Nakozwa essai ya ofele?

Tɛ — oyo ezali outil ya payi na ba-plans banda $5 na sanza. Starter ezali $5/mo mpe Pro ezali $15/mo; okoki kokosola ntango nyonso.

Ndenge nini nakoki kokosola?

Na page ya compte, to na kotinda email. Kokosola ekotika na renouvellement ya likolo — ntango etikali ekoki kosalema.

Tika kobongisa codes hex na mabɔkɔ.

Salá palète, pesá stylesheet — nyonso esika moko.

Talá ba-plans