Ingresá un color base en HEX para generar armonías, revisar valores RGB y HSL, y exportar una paleta para diseño o desarrollo.
Configurá tu paleta
Elegí un color y una armonía. Todo se calcula en tu navegador.
Paleta generada
AnálogosTocá cualquier muestra para copiar su HEX.
Vista previa
Una lectura rápida del equilibrio visual.
Armonías de color
Probá relaciones clásicas sin perder tu color base.
Shades y Tints
Variaciones más claras y más oscuras del color actual.
Contraste
Chequeo rápido WCAG contra blanco y contra negro.
Variables CSS
Listas para pegar en tu proyecto.
:root {}Los ratios son una referencia matemática. Validá siempre tipografía, tamaño, opacidad y estados reales antes de publicar.
Cómo usar el generador
Escribí un HEX o elegilo con el selector. Después, cambiá el tipo de armonía y copiá un valor, toda la paleta, las variables CSS o el enlace compartible. El contraste mostrado compara cada muestra contra blanco y negro; no certifica la accesibilidad de una interfaz completa.
Para revisar una combinación puntual de texto y fondo, usá el Comprobador de contraste de colores.
Para qué sirve
Sirve para explorar relaciones de color, preparar referencias reutilizables y comparar variantes antes de aplicarlas en una identidad o interfaz. Los valores generados son una ayuda de trabajo; la decisión final depende de su contexto de uso.