CColorWell
Obter ColorWell
Kit de ferramentas de paletas e accesibilidade

Paletas atractivas. Contraste verificado. Un só fluxo de traballo.

Introduce unha cor de marca. Obtén unha paleta harmonizada, cada veredicto WCAG e exportacións para CSS, Tailwind e Figma sen saír da páxina.

Plans desde $5/mes — cancela cando queiras

En directo — funciona aquí mesmo

Xerar unha paleta

Escolle unha cor de marca. ColorWell crea o resto.

Análoga

Tons (claro → escuro)

Exportar

Descargar tokens de deseño

Pro

Garda a paleta completa e a escala de tons como ficheiros listos para usar.

Actualiza a Pro para descargar ficheiros

Comprobación de contraste

Combina calquera par de cores da paleta. ColorWell mostra o veredicto WCAG.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Relación

Veredicto: Non cumpre WCAG

Todo o que necesita unha paleta de marca

Creado para deseñadores e equipos de front-end que lanzan interfaces a diario.

Paletas harmonizadas

Escolle calquera cor hexadecimal. ColorWell xera esquemas análogos, complementarios, tríadicos e monocromáticos nun clic.

Contraste WCAG ao instante

Cada par de cores da túa paleta recibe un veredicto AA/AAA para texto, texto grande e compoñentes de UI.

Exportacións a CSS, Tailwind e Figma

Exportación nun clic a variables CSS, configuración de Tailwind, tokens JSON ou estilos listos para pegar en Figma.

Variacións seguras para a marca

Clarear, escurecer e saturar sen desprazar o ton. ColorWell mantense dentro do espazo de cor perceptual (Oklch).

Tokens con nome

Nomes automáticos como "indigo-500" ou "slate-700" fan que a túa folla de estilos sexa legible para humanos, non só códigos hex.

Gardar e sincronizar paletas

Cada paleta que creas é túa para gardar: ponlle nome, etiquétaa e volve máis tarde. Sincronización na nube para Pro.

Tres pasos

Comeza cunha única cor de marca. Termina cunha folla de estilos funcional.

1

Escoller

Introduce un valor hexadecimal ou usa o selector de cores.

2

Xerar

ColorWell crea paletas harmonizadas e executa todas as comprobacións de contraste.

3

Exportar

Copia tokens de CSS, Tailwind ou Figma directamente no teu código.

Prezos sinxelos

Escolle un plan e deixa de loitar cos códigos hex.

Inicial

Para deseñadores individuais

$5/mes
  • 100 paletas gardadas / mes
  • Comprobacións de contraste ilimitadas
  • Exportación CSS / Tailwind / JSON
  • Variacións seguras para a marca
Máis popular
Pro

Para equipos de marca

$15/mes
  • 2000 paletas gardadas / mes
  • Exportación de tokens de Figma
  • Kit de marca (proxectos multipaletas)
  • Bibliotecas sincronizadas na nube
  • Soporte prioritario

Preguntas frecuentes

Hai que instalar algo?

Non. ColorWell funciona totalmente no navegador — as túas cores nunca saen do teu equipo ata que decidas sincronizalas.

Que espazo de cores utilizades?

ColorWell funciona internamente en Oklch — as variacións mantéñense dentro do espazo de cores perceptual, polo que aclarar unha cor de marca non despraza o seu ton.

Como funcionan as exportacións?

Copiar nun clic ao portapapeles para variables CSS, bloques de configuración de Tailwind, JSON en bruto ou estilos listos para Figma. Pégaos directamente no teu código ou ferramenta de deseño.

Teño un período de proba gratuíto?

Non — é unha ferramenta de pago con plans desde $5 ao mes. Starter custa $5/mes e Pro custa $15/mes; podes cancelar cando queiras.

Como cancelo?

Desde a páxina da conta ou enviándonos un correo electrónico. A cancelación detén a seguinte renovación — o tempo restante segue sendo utilizable.

Deixa de axustar manualmente os códigos hex.

Xera a paleta, publica a folla de estilos — todo nun só lugar.

Ver plans