Color → sistema de diseño
Introduce un color y genera automáticamente una paleta, un degradado y una comprobación de contraste AA/AAA.
Color → sistema de diseño — Una canalización de color conectada: un HEX fluye hacia un generador de paletas, cuyos colores base y complementarios alimentan un comprobador de contraste (AA/AAA) y un generador de degradados CSS al mismo tiempo. Elige un color y obtén todo un sistema de diseño.
Herramientas incluidas
Conversor de colores
Convierte colores entre HEX, RGB y HSL con una vista previa en vivo.
Generador de paletas de color
Genera sombras, tintes y colores armónicos a partir de un color HEX base, cada uno con su valor HEX copiable.
Verificador de contraste de color
Comprueba el contraste WCAG 2.1 y la puntuación APCA Lc entre texto y fondo, revisa las insignias AA, AAA y 3:1 y aplica el color válido más cercano.
Generador de degradados CSS
Crea degradados CSS lineales, radiales y cónicos con una barra de paradas arrastrable, capas, paletas aleatorias y una regla lista para copiar.