Selector de colores y generador de paletas
Elija colores en formatos HEXADECIMALES, RGB y HSL; genere paletas de colores y degradados armoniosos.
Generador de gradientes CSS
Diseñe gradientes lineales y radiales con ángulos personalizables, paletas de colores de varias paradas y salida CSS lista para usar.
Lienzo de degradado en vivo
135° LinearVista previa de degradado CSS
linear-gradient(135deg, #FF512F 0%, #DD2476 100%)
Tipo y dirección del degradado
Ángulo (grados)135°
0°90°180°270°360°
Ajustes preestablecidos populares
Paleta de paradas de color
Posición0%
Posición100%
Código CSS generado
background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%);¿Cómo se Usa?
Elija el tipo de degradado
Seleccione Lineal o Radial y configure el ángulo o la forma.
Ajustar paradas de color
Agregue colores, elija tonos y porcentajes de posición de diapositivas.
Copiar CSS
Obtenga el código de fondo CSS limpio con un solo clic.
Consejos y Trucos
- •Comprueba el texto sobre todo el degradado. La zona con menor contraste determina la legibilidad.
Herramientas Relacionadas
Selector de color de imagen y cuentagotas
Sube fotos o gráficos y haz clic en cualquier píxel para probar los códigos de color HEXADECIMALES y RGB exactos.
Generador de códigos QR personalizados
Genera códigos QR PNG y SVG de alta resolución para sitios web, redes Wi-Fi, texto y tarjetas de contacto.
Generador de iconos de favicon y aplicación
Genera iconos de Apple Touch de 16x16, 32x32, 180x180 e iconos de PWA de Android desde tu logotipo.
Reseñas y Opiniones de Usuarios
Comparte tu experiencia de forma anónima. Moderado automáticamente por IA.
Reseñas Aprobadas (0)