Générateur de Dégradés Aléatoires
Générez des dégradés CSS aléatoires — linéaires, radiaux, coniques. Combinaisons harmonieuses, code CSS prêt à coller. Dans votre navigateur.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Historique
Référence
Comment fonctionne le générateur de dégradés ?
Cet outil sélectionne 2-3 couleurs en utilisant la théorie harmonieuse des couleurs (relations analogues, complémentaires ou triadiques) avec rotations de teinte HSL. Les angles ou positions aléatoires sont choisis avec crypto.getRandomValues(). Le résultat s'affiche en aperçu en direct à côté du code CSS prêt à coller.
Types de dégradé
- Linéaire — les couleurs se mélangent le long d'une ligne droite avec un angle configurable.
- Radial — les couleurs rayonnent depuis un point central.
- Conique — les couleurs tournent autour d'un centre, comme une roue chromatique.
Utilisations courantes
- Sections hero — arrière-plans accrocheurs pour landing pages.
- Cartes et boutons — accents UI modernes avec profondeur.
- Inspiration design — découvrez des combinaisons inattendues.
- Fonds d'écran et bannières — générez des visuels uniques.
Confidentialité
Tous les dégradés sont générés 100% dans votre navigateur. Aucune donnée envoyée.