Degradado CSS

Degradado CSS es una herramienta en línea gratuita que funciona en tu navegador. Genera el código CSS de un degradado. Sin instalación ni registro: solo introduce los valores y obtén resultados al instante.

Cómo usar

1. Introduce los valores en los campos de abajo.
2. El resultado se actualiza al instante (o pulsa el botón).
3. Copia o usa el resultado como necesites.

Herramientas relacionadas

Preguntas frecuentes

¿Qué formatos de color admite Degradado CSS?

HEX en sus formas de tres, seis y ocho dígitos, RGB y RGBA, y HSL y HSLA. Los valores se convierten a través de una representación interna común, así que pasar de un formato a otro y volver no introduce desviaciones.

¿Qué relación de contraste necesito para superar las comprobaciones de accesibilidad?

El nivel AA de WCAG 2.1 exige 4,5 a 1 para el texto normal y 3 a 1 para el texto grande, es decir, a partir de 18,66 píxeles en negrita o 24 píxeles en redonda. El nivel AAA eleva esas cifras a 7 a 1 y 4,5 a 1 respectivamente.

¿Puedo pegar el resultado directamente en CSS?

Sí. Los valores generados son sintaxis de color CSS válida y pueden pegarse en una hoja de estilos, un archivo de tokens de diseño o el estilo en línea de un componente sin editar nada.