Dégradé CSS océan — 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 océan prêt à l'emploi chargé : du sarcelle profond #2193b0 se fondant en aqua clair #6dd5ed. L'aperçu pleine largeur le rend immédiatement et la ligne CSS d'arrière-plan est prête à copier.
Les dégradés bleu-sarcelle sont le choix le plus sûr en UI : ils évoquent le calme et la confiance, gardent le texte blanc comme le texte foncé lisible aux deux extrémités, et conviennent aussi bien aux tableaux de bord, aux pages d'atterrissage SaaS qu'aux bannières. Les deux arrêts partagent la même famille de teintes froides, donc le fondu reste propre sur toute sa longueur.
Déployez-le tel quel ou modifiez-le : augmentez l'angle pour un effet de profondeur vertical, ou ajoutez un arrêt presque blanc à 100% pour un effet de lueur d'horizon. Si vous avez besoin de couleurs solides assorties pour les boutons et les accents, le générateur de palettes de couleurs de ce site crée une harmonie à partir de n'importe quel arrêt.