Générateur de dégradé conique CSS
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 le type conique déjà sélectionné : au lieu de fondre le long d'une ligne ou de rayonner depuis le centre, les couleurs balayent le tour du centre comme une aiguille d'horloge, en partant de l'angle que vous avez défini sur le curseur.
conic-gradient() est la plus récente des trois fonctions de dégradé CSS et celle derrière les camemberts, les cercles chromatiques et les effets saisissants de bordure tournante. Les positions des arrêts en pourcentage sont des positions autour du cercle — deux arrêts à 0% et 100% se fondent en douceur tout autour, tandis que des arrêts placés près l'un de l'autre créent des secteurs nets.
Ajustez l'angle de départ et les arrêts jusqu'à ce que l'aperçu vous semble bon, puis copiez la ligne d'arrière-plan. Tous les navigateurs modernes prennent en charge les dégradés coniques, vous pouvez donc déployer le code en toute sécurité.