Genera una paleta, compruébala, escálala y expórtala: gratis y en tu navegador.
--palette-color1: #38bdf8; --palette-color2: #0D3748; --palette-color3: #FFFFFF;
Nada que instalar y nada que firmar. Todas las herramientas trabajan sobre la misma paleta y cada cálculo se queda en tu navegador.
Abrir el editor →Genera una paleta con esquemas complementario, análogo, tríada, complementario dividido o monocromo, y ajusta cualquier color a mano.
Complementario · Tríada · Monocromo
Comprueba cualquier par de colores contra WCAG, con ratios reales calculados mientras escribes.
AA 4.5:1 · AAA 7:1 · UI 3:1
Convierte un color en una rampa 50–900 que mantiene su tono y su saturación.
50 · 500 · 900
Suelta una foto y saca su paleta con agrupamiento k-means.
K-means · 5+ colores · Local
Veintitrés colores con nombre, su psicología, su uso y sus mejores combinaciones.
Psicología · Uso · Combinaciones
La tuya, recién repartida
6.6:1 AA
Abrir en el editorPrimero reparte una paleta: cinco colores de un esquema o a mano.
6.6:1 · AA
Después comprueba cada par contra WCAG, con ratios AA y AAA reales.
Luego estira cualquier color a una rampa 50–900 que conserva su tono.
--palette-color1: #38bdf8; --palette-color2: #0D3748; --palette-color3: #FFFFFF;
Y pégala en tu proyecto: CSS, Tailwind, SCSS o JSON.
Sin anuncios
La página no carga scripts de publicidad. Un contador anónimo espera tu consentimiento.
Local
Las matemáticas de color y la extracción de imágenes corren en tu pestaña. Tus fotos no se suben nunca.
Gratis
Todas las herramientas son gratis. Solo necesitas cuenta para guardar paletas.
5 idiomas
Inglés, español, portugués, francés y alemán.
AA · AAA
Contraste directo de la fórmula WCAG: 4,5:1 para AA y 7:1 para AAA.
4 formatos
Variables CSS, Tailwind, SCSS y tokens JSON, listos para pegar.
20 paletas
Una biblioteca inicial, 23 guías de color y una galería con lo que reparten los demás.
Abre el editor y reparte una paleta. Gratis, sin cuenta y sin que nada salga de tu navegador.
