Generador de paletas de colores
Elige o escribe un color base, y esta herramienta lo convierte a HSL y genera tres paletas listas para usar a partir de él: complementaria, análoga y triádica, para que puedas explorar rápidamente combinaciones de colores para un diseño. Haz clic en cualquier muestra para copiar su código hexadecimal.
Complementaria
Análoga
Triádica
Cómo funciona
Los colores se convierten a HSL (tono, saturación, luminosidad), de modo que se pueden generar nuevos colores simplemente rotando el tono. Una paleta complementaria añade el color directamente opuesto en la rueda de color (+180°); una paleta análoga añade los dos tonos vecinos (±30°); una paleta triádica añade dos tonos distribuidos uniformemente alrededor de la rueda (+120° y +240°).
Consejo
Haz clic en cualquier muestra para copiar su código hexadecimal al portapapeles, muy útil para pegarlo directamente en tu herramienta de diseño o en tu CSS.
¿Qué paleta debería usar?
Las paletas complementarias crean un contraste marcado y funcionan bien para un único color de acento; las paletas análogas resultan tranquilas y cohesionadas, ideales para fondos y degradados; las paletas triádicas son vivas y equilibradas, útiles cuando necesitas tres colores que destaquen por igual.
Más herramientas en esta categoría
Calculadora de exposición
Encuentra exposiciones fotográficas equivalentes entre apertura, velocidad de obturación e ISO.
Calculadora de relación de aspecto
Escala una imagen o vídeo de forma proporcional y encuentra su relación simplificada.
Generador de degradado CSS
Diseña un degradado CSS lineal o radial y copia el código generado.
Verificador de contraste
Comprueba si un color de primer plano y de fondo cumplen las pautas de contraste WCAG.
Conversor de formatos de color
Convierte cualquier color entre HEX, RGB, HSL y CMYK al instante, con copia con un clic para cada formato.
Generador de escala tipográfica
Genera un conjunto armonioso de tamaños de fuente a partir de un tamaño base y una proporción de escala, listo para copiar como propiedades personalizadas CSS.