Generador de paletas

Elige un color primario y secundario y genera automáticamente una paleta de 9 colores. Edita cada tono individualmente y obtén una puntuación de armonía, contraste y accesibilidad.

ColorPaletaDiseñoCSSAccesibilidadWCAGUI

Lo que aprenderás

Generar paletas de color coherentes a partir de dos colores base
Evaluar accesibilidad WCAG de la paleta
Exportar los colores como variables CSS

Color primario

Color secundario

Puntuación0/100

Presets rápidos

Haz clic en cualquier color para cambiar su valor. Pulsa el bloque de color para abrir el selector nativo, o el HEX para editar manualmente.

Exportar como CSS variables →

:root {

}