Generador de Paleta de Colores
Color
Elige un color base y genera al instante una paleta coordinada con teoría clásica del color: complementario, análogo, triádico, tetrádico, complementario dividido o monocromático. Cada muestra indica su valor HEX, se copia con un clic y mantiene legibilidad gracias al contraste de primer plano automático.
Cómo usar
- Elige un color base con la muestra o escribe un HEX.
- Selecciona un esquema de color.
- Copia un color o todos a la vez.
- Usa los colores en tu diseño o CSS.
Preguntas frecuentes
- ¿Qué significan los esquemas?
- Complementario toma opuestos en el círculo; análogo, vecinos; triádico y tetrádico los reparten parejos; complementario dividido suaviza el complementario; monocromático varía la luminosidad.
- ¿Qué espacio de color usa?
- Los colores se rotan en el tono HSL y se vuelven a codificar en HEX, manteniendo saturación y luminosidad del color base.
- ¿Puedo copiarlos todos?
- Sí — usa el botón Copiar todo abajo para copiarlos como lista separada por comas.
- ¿Son accesibles?
- Las reglas de armonía no garantizan accesibilidad. Para texto de UI, verifica también con la herramienta de Contraste de Color.
Herramientas relacionadas
Paleta de Color desde Imagen
Suelta una imagen y la herramienta extrae una paleta de colores dominantes vía Canvas — copia HEX o llévate el set completo.
Simulador de Daltonismo
Ve cómo se ve tu imagen para personas con cada uno de los 8 tipos de deficiencia visual cromática (CVD).
Generador de CSS Box Shadow
Diseña box-shadow CSS visualmente con varias capas, vista previa en vivo y salida CSS / Tailwind lista para copiar.
Conversor de Formatos de Color
Convierte cualquier color entre HEX, RGB, HSL, HSV, OKLCH y una variable CSS.
Generador de Gradientes CSS
Crea gradientes CSS lineales o radiales con varias paradas de color y copia el código.
Comprobador de Contraste de Color
Comprueba el contraste texto/fondo según los niveles WCAG AA y AAA.