Ir al contenido

Generador de Paletas de Color

Genera hermosas paletas de colores con modos de armonía, verificación de contraste y exportación CSS.

Pulsa Espacio para generar

#7B711FCopiar
#6D2CF3Copiar
#969650Copiar
#51F87DCopiar
#3B6269Copiar
#7B711F · rgb(123,113,31) · hsl(53,60%,30%)
#6D2CF3 · rgb(109,44,243) · hsl(260,89%,56%)
#969650 · rgb(150,150,80) · hsl(60,30%,45%)
#51F87D · rgb(81,248,125) · hsl(136,92%,65%)
#3B6269 · rgb(59,98,105) · hsl(189,28%,32%)

Verificación de Contraste

Aa AA No Aprobado
Aa AA Aprobado
Aa AA No Aprobado
Aa AA Aprobado
Aa AA Aprobado
Aa AA No Aprobado
Aa AA Aprobado
Aa AA No Aprobado
Aa AA No Aprobado
Aa AA Aprobado

Paletas Guardadas

Aún no hay paletas guardadas.

Generador de Paletas de Color: Crea Esquemas Armoniosos

Crear paletas de colores armoniosas es uno de los aspectos más desafiantes del diseño. Nuestro Generador de Paletas de Color gratuito elimina las conjeturas en la selección de colores ofreciendo múltiples modos de armonía — Análogo, Complementario, Triádico, Monocromático y Aleatorio.

Cada paleta genera cinco colores que combinan bien juntos. Puedes bloquear colores individuales y regenerar el resto, refinando iterativamente tu paleta. Cada color muestra su valor en formatos HEX, RGB y HSL, fácil de usar en CSS o herramientas de diseño.

El verificador de contraste integrado ayuda a garantizar que tus elecciones de color sean accesibles. Prueba la legibilidad del texto contra cada color de fondo usando las directrices WCAG, mostrando si el texto negro o blanco cumple con los estándares de accesibilidad AA.

Guarda tus paletas favoritas en almacenamiento local para nunca perder una gran combinación. Exporta tu paleta como variables CSS personalizadas listas para pegar en tu hoja de estilos.

FAQ

Compartir
PatrocinadoAnuncio

Diseño profesional fácil con Canva

Crea logos, publicaciones sociales, presentaciones y más con la simplicidad de arrastrar y soltar.

FAQ

¿Qué es la armonía del color y por qué importa?+
La armonía del color se refiere a combinaciones estéticamente agradables basadas en sus posiciones en el círculo cromático. Las paletas armoniosas crean equilibrio visual y son más atractivas. Diferentes tipos de armonía producen diferentes estados de ánimo y efectos en el diseño.
¿Cómo elijo el modo de armonía correcto?+
Los colores análogos crean diseños calmados y unificados. Los complementarios ofrecen alto contraste y energía. El triádico proporciona variedad vibrante con equilibrio. El monocromático usa un solo tono para diseños sutiles y elegantes. El aleatorio es excelente para experimentar.
¿Qué hace bloquear un color en la paleta?+
Bloquear un color lo mantiene fijo mientras todos los colores desbloqueados se regeneran. Esto te permite mantener los colores que te gustan y encontrar nuevos que los complementen.
¿Cómo exporto mi paleta para usar en CSS?+
Haz clic en "Exportar Variables CSS" para copiar las propiedades personalizadas CSS al portapapeles. La salida incluye variables como --color-1 hasta --color-5 que puedes pegar directamente en tu selector :root en CSS.
¿Qué es el contraste WCAG y por qué debo verificarlo?+
Las WCAG definen ratios mínimos de contraste entre texto y colores de fondo para asegurar la legibilidad. Se necesita un ratio de 4.5:1 para texto normal (nivel AA). Esta herramienta verifica cada color de la paleta como fondo contra texto negro y blanco.

Herramientas más populares