Générateur de dégradés CSS
Generate CSS gradient code for linear, radial, and conic gradients with custom angles and color stops. Gratuit, privé et 100% côté client.
Essayer un exemple:
Local only
Historique récent
Aucun historique
Utilisation
- Set the gradient type, angle, and two colors in the parameters.
- Optionally add extra color stops.
- Copy the generated CSS code into your stylesheet.
Tâches utilisant cet outil
Convertir CSS to Sass/SCSS
Sass extends CSS avec variables, nesting, mixins, et fonctions. Convertir plain CSS en SCSS en démarrer utilisant these fonctionnalités incrementally. TÂCHE
Minifier and beautify CSS
Compresser CSS for production (strip whitespace, comments, merge rules) and beautify minified CSS for debugging. TÂCHE
Questions fréquentes
- 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%').
Outils associés
Générateur de palette de couleurs
Generate color palettes from a base color: complementary, analogous, triadic, tetradic, or monochromatic schemes. Gratuit, privé et 100% côté client. OUTIL
Convertisseur de couleur
Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratuit, privé et 100% côté client. OUTIL
Mélangeur de couleurs
Blend two colors by ratio using normal, multiply, screen, overlay, darken, or lighten blend modes. Gratuit, privé et 100% côté client. OUTIL