Sunset CSS Gradient — 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é avec un fondu de coucher de soleil prêt à l'emploi chargé : corail chaud #ff7e5f coulant dans la pêche douce #feb47b, de gauche à droite. L'aperçu l'affiche immédiatement en pleine largeur et la ligne CSS ci-dessous est prête à être copiée telle quelle.
Les fondus chauds du corail à la pêche sont un incontournable de la section des héros car ils se lisent de manière amicale et énergique sans dominer le texte blanc. Cette paire est suffisamment proche en teinte pour que le point médian reste propre – pas de bande grise boueuse au milieu, le mode d’échec habituel des dégradés entre couleurs distantes.
Utilisez-le tel quel ou personnalisez-le : faites pivoter l'angle pour un coucher de soleil en diagonale, tirez le premier arrêt vers l'intérieur pour une présence de corail plus forte, ou ajoutez un troisième arrêt avec une prune profonde proche de 100 % pour une sensation de crépuscule. Chaque modification met à jour instantanément le CSS copiable.