CColorWell
Obtén ColorWell
Kit d'eines de paleta i accessibilitat

Paletes belles. Contrast verificat. Un sol flux de treball.

Introdueix un color de marca. Obtén una paleta harmonitzada, cada veredicte WCAG i exports per a CSS, Tailwind i Figma, sense sortir de la pàgina.

Plans des de $5/mes — cancel·la quan vulguis

En directe — funciona aquí mateix

Generar una paleta

Tria un color de marca. ColorWell crea la resta.

Anàleg

Tons (clar → fosc)

Exportar

Descarregar tokens de disseny

Pro

Desa la paleta completa i l'escala de tons com a fitxers llestos per usar.

Actualitza a Pro per descarregar fitxers

Comprovació de contrast

Combina dos colors de la paleta. ColorWell mostra el veredicte WCAG.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Ràtio

Veredicte: No compleix WCAG

Tot el que necessita una paleta de marca

Creat per a dissenyadors i equips de front-end que lliuren interfícies cada dia.

Paletes harmonitzades

Tria qualsevol color hex. ColorWell genera esquemes anàlegs, complementaris, triàdics i monocromàtics amb un clic.

Contrast WCAG a l'instant

Cada parell de colors de la teva paleta rep un veredicte AA/AAA per a text, text gran i components d'UI.

Exports a CSS, Tailwind i Figma

Exportació amb un clic a variables CSS, configuració de Tailwind, tokens JSON o estils de Figma llestos per enganxar.

Variacions segures per a la marca

Aclareix, enfosqueix i satura sense desviar el to. ColorWell es manté dins l'espai de color perceptual (Oklch).

Tokens amb nom

Noms automàtics com "indigo-500" o "slate-700" mantenen el teu full d'estils llegible per a humans, no codis hex.

Desa i sincronitza paletes

Cada paleta que creïs és teva: posa-li nom, etiquetes-la i torna-hi més tard. Sincronització al núvol per a Pro.

Tres passos

Comença amb un sol color de marca. Acaba amb un full d'estils funcional.

1

Tria

Introdueix un valor hex o utilitza el selector de color.

2

Generar

ColorWell crea paletes harmonitzades i executa cada comprovació de contrast.

3

Exporta

Copia tokens de CSS, Tailwind o Figma directament al teu codi.

Preus senzills

Tria un pla i deixa de lluitar amb codis hex.

Starter

Per a dissenyadors individuals

$5/mes
  • 100 paletes desades / mes
  • Comprovacions de contrast il·limitades
  • Exportació CSS / Tailwind / JSON
  • Variacions segures per a la marca
El més popular
Pro

Per a equips de marca

$15/mes
  • 2000 paletes desades / mes
  • Exportació de tokens de Figma
  • Kit de marca (projectes amb múltiples paletes)
  • Biblioteques sincronitzades al núvol
  • Suport prioritari

Preguntes freqüents

He d'instal·lar alguna cosa?

No. ColorWell funciona íntegrament al navegador — els teus colors no surten del teu equip fins que decideixis sincronitzar-los.

Quin espai de color utilitzeu?

ColorWell funciona internament amb Oklch — les variacions es mantenen dins de l'espai de color perceptual, de manera que aclarir un color de marca no en desvia el to.

Com funcionen les exportacions?

Còpia amb un clic al porta-retalls per a variables CSS, blocs de configuració de Tailwind, JSON en brut o estils preparats per a Figma. Enganxa'ls directament al teu codi o eina de disseny.

Hi ha una prova gratuïta?

No — és una eina de pagament amb plans des de $5 al mes. Starter és $5/mes i Pro és $15/mes; pots cancel·lar quan vulguis.

Com cancel·lo?

Des de la pàgina del compte o enviant-nos un correu electrònic. La cancel·lació atura la renovació següent — el temps restant segueix sent utilitzable.

Deixa d'ajustar manualment els codis hex.

Genera la paleta, publica el full d'estils — tot en un sol lloc.

Veure plans