CColorWell
Get ColorWell
Agbalẽxɔxɔ + accessibility ƒe amedzowɔƒe

Agbalẽxɔxɔ xɔxɔwo. WCAG ɖekakpui siwo wodoa ɖe teƒe. Dɔwɔnɔme ɖeka.

Ɖo agbalẽxɔxɔ ɖe agbalẽxɔxɔ ƒe xɔxɔwo me. Xɔ agbalẽxɔxɔ siwo wodoa ɖe teƒe, WCAG ɖekakpuiwo, kple tsoɖeɖewo na CSS, Tailwind, kple Figma — le agbalẽa dzi ko.

Xɔxɔwo tso $5/ɣleti — Tɔ ɖeɖe ɣeyiɣi sia ɣeyiɣi

Le dɔwɔwɔ me — wòa wɔa dɔ le afi sia

Tɔ nukpɔkpɔ

Pick a brand color. ColorWell builds the rest.

Analogous

Shades (light → dark)

Export

Ɖe design tokens ɖa

Pro

Dzraa palette bliboa kple shade rampa ɖo abe xexe siwo le ta-ta ene.

Upgrade to Pro be nàte ŋu aɖe files ɖi

Ɖeɖeɖe ɖeɖekpɔ

Tsoa xexe eve siwo le palette la me. ColorWell aɖe WCAG ɖeɖe fia.

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

Verdict: Fails WCAG

Nu siwo agbalẽxɔxɔ ƒe xɔxɔwo hia

Wotu ɖe tɔxɛnuwɔlawo kple front-end ƒe dɔwɔƒewo siwo le interfacewo dom gbe sia gbe.

Palɛti siwo ɖe adzɔgbe

Pick any hex color. ColorWell generates analogous, complementary, triadic and monochromatic schemes in one click.

WCAG ɖeɖe — kple gbɔdzɔ

Ƒoƒewo katã le wò palɛti me xɔa AA/AAA ʋɔnudɔdrɔ̃ ɖe ŋutega, ŋutega gãwo kple UI akɔntawo ŋu.

CSS, Tailwind, Figma ɖeɖe

Ɖeɖe ɖe CSS variables, Tailwind config, JSON tokens alo Figma styles siwo ŋu woate ŋu atsɔ akɔ ɖo le ɖeka me.

Vevietɔwo siwo ɖe asi le brand ŋu

Lighten, darken and saturate without drifting hue. ColorWell stays inside perceptual color space (Oklch).

Tɔnyewo siwo woyɔ

Yɔyɔ̃wo abe "indigo-500" alo "slate-700" ene hena stylesheet wòanye esi amegbetɔwo ate ŋu axlẽ, hex codes me o.

Ɖo xexlẽme ɖeɖe kple xexlẽmeawo ƒe gbɔgbɔ

Xexlẽme siwo tuwo katã nye wòawo — tsɔ ŋkɔ ɖe wo ŋu, ɖo agbadɔ, gbugbɔ va wo gbɔ emegbe. Cloud sync na Pro.

Gɔmeɖeɖe etɔ̃

Dze egɔme tso agbalẽxexlẽme ɖeka aɖe si ŋu wò agbalẽxexlẽmea le. Nɔ te ɖe agbalẽxexlẽme si dɔwɔm le dzi.

1

Pick

Ɖo hex xexlẽme aɖe alo tsɔ xexlẽme tɔxɛa.

2

Tɔ

ColorWell builds harmonized palettes and runs every contrast check.

3

Export

Ɖo CSS, Tailwind alo Figma tokens — tso eme ɖe wò kɔdewo me.

Xexlẽme bɔbɔe

Tia ɖoɖo aɖe, nèdzu hex xexlẽmeawo ŋu kaka.

Starter

Na aɖaŋudawo ɖokpo

$5/ɣleti
  • Xexlẽme 100 ɖoɖo / ɣleti
  • Contrast checks mede o
  • CSS / Tailwind / JSON ɖoɖo
  • Vovotowo siwo le blema
Esi wòsɔ gbɔtɔ
Pro

Na brand teams

$15/ɣleti
  • 2000 palettes siwo woɖo / ɣleti
  • Figma token export
  • Brand kit (multi-palette projects)
  • Librarywo siwo wòtsɔa ɖe Cloud ɖe
  • Kpekpeɖeŋu gbãtɔ

Biabiawo

Eleke wòle be maɖo nu?

O. ColorWell le dɔwɔm le browser me ko — wò colors mele yim le wò machine me o, ɖe wòtsi be yeasynchronize wo.

Kae color space si wòle be wòatsɔ?

ColorWell le dɔwɔm le Oklch me — variations le perceptual color space me, ale be lightening a brand color mekɔa hue drift o.

Aleke exports le dɔwɔm?

Kopii le ɖeɖe ɖeɖe ɖe clipboard dzi na CSS variables, Tailwind config blocks, raw JSON, alo Figma-ready styles. Tsɔe ɖe wò code alo design tool me.

Nyɛ free trial?

O — esia nye paid tool kple plans tso $5 a month. Starter nye $5/mo eye Pro nye $15/mo; àte ŋu akpɔ tso ɣesiaɛ.

Aleke maɖe?

Tso account page, alo to email dzi. Cancellation aɖe next renewal — wò remaining time anɔ anyi be wòatsɔ.

Wu hex codes ƒe dɔwɔwɔ le asi me.

Tso palette, na stylesheet ɖe dɔwɔƒe — le nɔƒe ɖeka me.

Kpɔ ɖoɖowo