Generador de paletas de color
WCAG contrast: at least 4.5:1 for normal text, 3:1 for large text.
Palette
Herramientas de desarrollo populares
Cómo usar
- Elige un color base (HEX).
- Selecciona el esquema (complementario/análogos/triádico) y la cantidad.
- Genera la paleta.
- Copia HEX/variables CSS y revisa el contraste (WCAG).
Cómo interpretar los resultados
- Las paletas se generan con reglas de armonía HSL. En UI real, se ajusta saturación/luminosidad.
- Si el contraste es menor que 4.5:1, la legibilidad del texto normal puede verse afectada.
- El texto automático elige negro/blanco con mayor contraste.
- Prueba con tu tamaño de fuente y colores reales de fondo/superficie.
Preguntas frecuentes
¿Se suben mis datos a un servidor?
No. Siempre que sea posible, el procesamiento ocurre localmente en tu navegador y no guardamos tus entradas ni resultados en nuestros servidores. (Puede haber solicitudes de red para cargar la página y anuncios.)
¿Qué debo revisar si el resultado no es correcto?
Revisa el encoding (UTF‑8), saltos de línea (CRLF/LF), espacios/comillas y opciones (mayúsculas/minúsculas, modo de URL encoding, etc.). Para datos sensibles, sigue tu política de seguridad.
¿Que hago si la paleta no se ve bien?
Ajusta el color base (saturacion/luminosidad) o cambia el esquema (complementario/analogos/triadico). Para UI, revisa el contraste (WCAG).