[!info] TL;DR : Generator CSS gradient style Photoshop, multi-stops, presets et export cross-browser.
ColorZilla Gradient Editor : éditeur CSS gradient avancé
Outil web ColorZilla avec interface façon Photoshop pour générer gradients linéaires, radiaux, multi-stops, et exporter en CSS cross-browser.
Ce que ça permet
- Composer gradients horizontaux, verticaux, radiaux
- Gérer multi-stops avec opacités
- Importer une image et extraire son gradient
- Choisir parmi 135+ presets
- Exporter CSS cross-browser et Sass
- Sauvegarder presets et partager via permalink
Pour qui
- Front devs qui codent des hero sections
- UI designers qui livrent en CSS
- Webflow / Framer builders
- Marketing qui maquette landing CTA
Mini-playbook
- Choisir type (linear, radial)
- Ajouter color stops et ajuster
- Tester sur background et tester contraste texte
- Copier le snippet CSS et coller dans le projet
Pièges
- Interface vieillissante mais fonctionnelle
- Pas de Figma plugin direct
- Cross-browser code parfois redondant
- Alternatives : CSS Gradient (cssgradient.io), Gradient Magic, uigradients
- Risque de perfs si trop de stops
Tags
- Catégorie : 🎨 Vidéo / Audio / Image
- Tags : Design, Free, Utilitaire, Code