Dégradé CSS océan — 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 océan prêt à l'emploi chargé : sarcelle profond #2193b0 coulant dans un aqua clair #6dd5ed. L'aperçu pleine largeur le restitue immédiatement et la ligne CSS d'arrière-plan est prête à être copiée.
Les dégradés bleu sarcelle sont le choix le plus sûr en matière d'interface utilisateur : ils signalent le calme et la confiance, maintiennent le texte blanc et sombre lisible aux deux extrémités et s'adaptent aussi bien aux tableaux de bord, aux pages de destination SaaS et aux bannières. Les deux arrêts partagent la même famille de teintes froides, de sorte que le mélange reste propre sur toute sa longueur.
Expédiez-le tel quel ou ajustez-le : accentuez l'angle pour un effet de profondeur verticale, ou ajoutez un stop presque blanc à 100 % pour une lueur d'horizon. Si vous avez besoin de couleurs unies assorties pour les boutons et les accents, le générateur de palette de couleurs sur ce site crée une harmonie à chaque arrêt.