Générateur de dégradé CSS
Créez visuellement des dégradés CSS : type linéaire, radial ou conique, curseur d'angle et jusqu'à six arrêts de couleur avec un aperçu pleine largeur en direct et un code copiable.
Résultat
Écrire un dégradé linéaire (135deg, #2193b0 0%, #6dd5ed 100%) à la main et recharger la page pour le voir est une boucle lente. Ce générateur le ferme : choisissez linéaire, radial ou conique, faites glisser le curseur d'angle, définissez chaque arrêt de couleur avec un sélecteur de couleur natif et une position en pourcentage - et l'aperçu pleine largeur est repeint sur chaque entrée, avec la ligne d'arrière-plan finie toujours prête à copier.
Les trois types de dégradé couvrent différents travaux. Les dégradés linéaires s'estompent dans une direction et portent la plupart des sections et boutons de héros ; des dégradés radiaux rayonnent depuis le centre pour des lueurs et des vignettes ; des dégradés coniques balaient autour du centre et des diagrammes circulaires puissants et des roues chromatiques. Vous pouvez changer de type à tout moment – vos arrêts sont reportés, donc comparer les trois prend quelques secondes.
Jusqu'à six jeux de couleurs vous permettent de créer des conceptions multibandes, et les pages prédéfinies proposent des combinaisons éprouvées - un coucher de soleil chaud, un océan calme et une paire de pastels doux - comme points de départ que vous pouvez modifier plutôt que des toiles vierges. Notez la division du travail : le générateur de palette de couleurs sur ce site sélectionne des couleurs plates harmonieuses et le convertisseur de format de couleur traduit une valeur entre HEX, RVB et HSL, tandis que cet outil fait un travail différent : il transforme les couleurs choisies en code de dégradé CSS prêt.
Tout s'exécute localement dans votre navigateur : pas de téléchargement, pas de compte, pas d'aller-retour sur le serveur et le générateur continue de fonctionner hors ligne une fois chargé.