Generador de degradados CSS
Generate CSS gradient code for linear, radial, and conic gradients with custom angles and color stops. Gratis, privado y 100% del lado del cliente.
Probar un ejemplo:
Local only
Historial reciente
Sin historial aún
Uso
- Set the gradient type, angle, and two colors in the parameters.
- Optionally add extra color stops.
- Copy the generated CSS code into your stylesheet.
Tareas que usan esta herramienta
Convertir CSS to Sass/SCSS
Sass extends CSS con variables, nesting, mixins, y funciones. Convertir plain CSS a SCSS a iniciar usando these características incrementally. TAREA
Minificar and beautify CSS
Comprimir CSS for production (strip whitespace, comments, merge rules) and beautify minified CSS for debugging. TAREA
Preguntas frecuentes
- What gradient types are supported?
- Linear gradients (with custom angle), radial gradients (circular), and conic gradients (with custom starting angle) are all supported.
- Can I add more than two color stops?
- Yes. Use the stops parameter to add additional color stops (e.g. '#ffff00 50%, #00ff00 75%').
Herramientas relacionadas
Generador de paleta de colores
Generate color palettes from a base color: complementary, analogous, triadic, tetradic, or monochromatic schemes. Gratis, privado y 100% del lado del cliente. HERRAMIENTA
Convertidor de color
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratis, privado y 100% del lado del cliente. HERRAMIENTA
Mezclador de colores
Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Gratis, privado y 100% del lado del cliente. HERRAMIENTA