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 la relación de contraste WCAG entre un color HEX de primer plano y uno de fondo, y si cumple AA y AAA para texto normal y grande.
Generador de degradados CSS
Crea un degradado CSS lineal, radial o cónico con paradas de color y un ángulo, previsualízalo en vivo y copia la regla background.