Dégradé CSS pastel — Code prêt à l'emploi
Créez des dégradés CSS visuellement : 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 le code CSS à copier.
Entièrement traité dans votre navigateur — rien de ce que vous saisissez ici n'est jamais téléchargé.
Résultat
À propos de cet outil
Cette page ouvre le générateur de dégradés avec un fondu pastel prêt à l'emploi chargé : du rose poudré #ffdde1 se mariant en vieux rose poussière #ee9ca7. Le panneau d'aperçu montre immédiatement le résultat tout en douceur, avec la ligne CSS prête en dessous.
Les dégradés pastel fonctionnent là où les dégradés saturés seraient trop criards : écrans d'intégration, cartes, états vides et marques dans la beauté ou l'art de vivre. Parce que les deux arrêts sont clairs, le texte sombre reste lisible sur toute la surface — ce que la plupart des dégradés vifs ne peuvent pas offrir sans une surcouche.
Copiez la ligne telle quelle ou adoucissez-la encore en jouant sur des astuces proches de l'opacité : déplacez l'arrêt vieux rose à 80% et laissez le rose dominer, ou passez en type radial pour une douce lueur centrale. L'outil met à jour le CSS à copier à chaque saisie.