Colores complementarios & Paletas
Parte de un color base y obtén sus esquemas complementario, triádico, tetrádico, análogo y complementario dividido. Haz clic en cualquier muestra para copiar su código hex.
Complementario
Triádico
Tetrádico
Análogo
Complementario dividido
Cómo funcionan estos esquemas de color
Cada esquema se construye girando el tono alrededor de la rueda de color. El color complementario está justo enfrente (180°): contraste máximo, perfecto para hacer destacar un botón o un detalle. Un esquema triádico toma tres colores separados 120°, y un esquema tetrádico cuatro colores a 90°: paletas vivas pero equilibradas. Los análogos (±30°) están uno al lado del otro y resultan armoniosos y tranquilos, mientras que los complementarios divididos (150° y 210°) aportan la fuerza del complementario en una versión más suave y fácil de manejar.
Consejos prácticos para usar una paleta
La regla más sencilla es la del 60-30-10: un color dominante para cerca del 60 % de la composición (normalmente el más neutro, o tu color base), un color secundario para el 30 % y el más llamativo solo para el 10 %: acentos y llamadas a la acción. Si usas estos colores para el texto, asegúrate siempre de que la pareja texto/fondo se siga leyendo bien: puedes comprobarlo con nuestro comprobador de contraste WCAG.