Generador de degradados de color
Crea degradados lineales CSS con colores y direcciones personalizados.
El Generador de degradados de color construye declaraciones CSS linear-gradient a partir de dos o más colores. Elige una dirección y copia el valor de estilo listo para usar.
Dirección
1
2
Cómo usar
- Añade o elimina colores de degradado.
- Elige una dirección como to right o 45deg.
- Copia el valor CSS generado.
Preguntas frecuentes
¿Cuántos colores puedo usar?
Se admiten entre 2 y 6 colores.
¿Los colores se pueden compartir?
Sí, los colores y la dirección se guardan en parámetros de consulta.
Herramientas relacionadas
Generador de paletas de color
Crea paletas de colores armoniosas con modos aleatorio, análogo, complementario y triádico.
Conversor de colores
Convierte colores entre HEX, RGB, HSL y HSV al instante.
Comprobador de contraste de color
Comprueba las relaciones de contraste WCAG para texto e interfaz accesibles.
Simulador de daltonismo
Previsualiza cómo se ven las imágenes con los tipos más comunes de daltonismo.
Generador de tonos de color
Genera escalas de claros y oscuros con variables CSS exportables.
Buscador de nombres de color
Encuentra el nombre de color CSS más cercano para cualquier valor de color.