Dégradé CSS pastel — Code prêt à l'emploi
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
Cette page ouvre le générateur de dégradés avec un fondu pastel prêt à l'emploi chargé : rose poudré #ffdde1 se fondant dans du rose poussiéreux #ee9ca7. Le panneau d'aperçu affiche immédiatement le résultat adouci, avec la ligne CSS prête en dessous.
Les dégradés pastel fonctionnent là où les dégradés saturés crieraient : écrans d'intégration, cartes, états vides et branding de beauté ou de style de vie. Étant donné que les deux arrêts sont clairs, le texte sombre reste lisible sur toute la surface – ce que les dégradés les plus vifs ne peuvent offrir sans une superposition.
Copiez la ligne telle quelle ou adoucissez-la davantage en appliquant des astuces adjacentes à l'opacité : déplacez l'arrêt de rose à 80 % et laissez le rose dominer, ou passez à un type radial pour une douce lueur centrale. L'outil met à jour le CSS copiable à chaque entrée.