Dégradé CSS coucher de soleil — 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 coucher de soleil prêt à l'emploi chargé : du corail chaud #ff7e5f se fondant en pêche doux #feb47b, de gauche à droite. L'aperçu pleine largeur s'affiche immédiatement et la ligne CSS en dessous est prête à être copiée telle quelle.
Les fondus corail à pêche sont un incontournable des sections héros parce qu'ils sont perçus comme chaleureux et énergiques sans dominer un texte blanc. Cette paire a des teintes suffisamment proches pour que le milieu reste net — pas de bande grise boueuse au centre, le mode de défaillance habituel des dégradés entre couleurs éloignées.
Utilisez-le tel quel ou faites-le vôtre : pivotez l'angle pour un coucher de soleil en diagonale, avancez le premier arrêt pour une présence de corail plus forte, ou ajoutez un troisième arrêt avec un prune profond près de 100% pour une ambiance crépusculaire. Chaque modification met à jour instantanément le CSS à copier.