Diseño y CSS
Genera degradados, sombras y escalas de color CSS y comprueba el contraste, con código listo para copiar.
Código a imagen
Convierte un fragmento de código en una imagen PNG pulida con resaltado de sintaxis en tu navegador, con tema, fondo de degradado o transparente y relleno, sin subir nada.
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 tonos de color
Convierte un color HEX base en una escala de tonos 50-950 al estilo Tailwind, mezclando hacia blanco y negro, con muestra y HEX copiable.
Generador de box-shadow CSS
Crea sombras CSS box-shadow de varias capas con controles de desplazamiento, desenfoque, expansión, color e inset y copia la propiedad lista para usar.
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.