Encuentra tupaleta de colores perfecta
Genera al instante paletas armónicas con reglas de teoría del color probadas. Diseñado para diseñadores, desarrolladores y creativos.
Todo lo que necesitas
Potentes herramientas de color reunidas en una interfaz limpia e interactiva.
Rueda de color interactiva
Arrastra los puntos directamente sobre la rueda HSL para explorar las relaciones de tono y saturación en tiempo real.
7 reglas de armonía
Complementaria, análoga, triádica, complementaria dividida, tetrádica, cuadrada y monocromática.
Copia instantánea
Haz clic en cualquier muestra para copiar el código hex. Comparte paletas y úsalas directamente en tu código.
Verificador de contraste
Comprueba los ratios de accesibilidad WCAG AA / AAA entre dos colores cualesquiera de tu paleta.
Valores HSL y RGB
Cada color muestra su desglose completo en HSL y RGB, sin necesidad de conversiones manuales.
Todas las paletas a la vez
Compara los 7 esquemas de armonía de tu color base en una cuadrícula fácil de revisar al final de la herramienta.
Preguntas frecuentes
Todo lo que necesitas saber sobre colorPaletteFinder
¿Qué es una paleta de colores?
Una paleta de colores es un conjunto seleccionado de colores pensados para combinar de forma armónica. Los diseñadores usan las paletas para crear coherencia visual en interfaces, branding y obras gráficas.
¿Cómo funciona la armonía del color?
La armonía del color se basa en las relaciones entre los tonos de la rueda de color. Reglas como la complementaria, la análoga y la triádica garantizan que las combinaciones resulten visualmente agradables.
¿Cuál es la diferencia entre la complementaria y la complementaria dividida?
La complementaria usa dos tonos opuestos para lograr el máximo contraste. La complementaria dividida usa el color base más dos colores a ±30° del complemento directo: más suave y menos brusca.
¿Cómo uso colorPaletteFinder?
Abre la herramienta, elige tu color principal con la rueda de color o introduciendo un hex y, a continuación, selecciona una regla de armonía. La herramienta genera al instante una paleta que combina y que puedes copiar con un solo clic.
¿Qué es el contraste WCAG y por qué importa?
Las WCAG definen ratios de contraste para garantizar que el texto sea legible para todos los usuarios, incluidas las personas con discapacidad visual. Un ratio de 4.5:1 cumple el nivel AA; 7:1 cumple el nivel AAA.
¿Puedo copiar los códigos hex de la paleta generada?
Sí: pasa el cursor sobre cualquier muestra de la tira de la paleta y haz clic para copiar al instante su código hex al portapapeles.