Color Palette
Color Palette — se ejecuta en el navegador. No se guardan datos.
Paleta de colores armónicos
Introduce los valores y pulsa Calcular.
Cómo usar
- Introduzca un color de seis dígitos que empiece por # en HEX base. El valor por defecto es #3b82f6.
- En Armonía, elija tonos análogos, complementarios, triádicos o monocromos.
- Pulse Generar para mostrar una cuadrícula de 5 muestras.
- Copiar lista HEX para pegar los códigos en una herramienta de diseño.
- Esta pantalla no garantiza el contraste de texto; compruébelo aparte con un verificador de contraste WCAG. Restablecer recupera el color por defecto.
Conceptos clave
La generación de paleta de color saca 5 colores de un HEX de marca para acentos de IU y temas de diapositivas. En la rueda HSL, análogo usa tonos cercanos, complementario el opuesto, triádico pasos de 120° y monocromo el mismo tono con luminosidad cambiada. No se cubren CMYK ni alfa (transparencia). Experimente con paletas de 5 colores análogas, complementarias, triádicas y monocromas a partir de un HEX principal.
No se ajusta la accesibilidad (contraste de luminancia). Compruebe combinaciones de fondo y cuerpo con una herramienta de contraste WCAG para AA/AAA. Los resultados son una referencia de diseño; los valores de color no se envían a un servidor. Solo se rotan ángulos de tono HSL, así que no se calculan ratios de contraste. Confirme los colores de cuerpo con una comprobación de contraste WCAG. Un flujo seguro es verificar AA con contraste WCAG antes de usar colores en texto de cuerpo o botones.
Ejemplo
Base #3b82f6 y armonía análoga producen cinco celdas azules adyacentes que puede copiar como lista HEX. Complementario mezcla un color de contraste del lado naranja. Monocromo son cinco pasos claro–oscuro del mismo azul. Siempre cinco colores. Complementario #ef4444 mezcla colores del lado teal; monocromo son pasos de luminosidad del mismo rojo. Copie la lista HEX a una herramienta de diseño. Triádico #22c55e coloca tres direcciones de 120° en cinco celdas. Copie la lista HEX a una herramienta de diseño.
Relacionado: contraste WCAG · conversor de color
Preguntas frecuentes
¿La paleta de color garantiza el contraste WCAG?
No. Compruebe el contraste aparte con una herramienta de contraste WCAG. Las combinaciones de botón y cuerpo a menudo fallan: no confíe solo en la paleta. El texto claro sobre fondo claro suele fallar.
¿Hay una paleta CMYK de impresión?
Está basada en HEX/RGB. La conversión de impresión es un proceso aparte. El CMYK de impresión necesita una conversión aparte.
¿Usa HEX transparente (alfa)?
No. Solo #RRGGBB. El alfa HEX de 8 dígitos puede truncarse o dar error. No use HEX con alfa.
¿Cuántos colores hay en la paleta?
Siempre 5 colores. Siempre cinco celdas. No hay opción para cambiar el recuento.
¿El color base se envía a un servidor?
No. El cálculo se ejecuta solo en el navegador. El HEX base no se almacena.
¿Cuál es la diferencia entre análogo, complementario y triádico?
Análogo son tonos cercanos, complementario el opuesto, triádico tres porciones iguales de la rueda. Monocromo cambia solo la luminosidad. Análogo es tono adyacente; triádico es 120°. Los tonos monocromos mantienen el tono fijo y cambian la luminosidad.
Última revisión: 2026-09-04