Générateur de border-radius
Arrondir les coins d’un élément, y compris en ellipse.
Données d’entrée
Cet outil fonctionne entièrement dans votre navigateur. Les données saisies ou chargées ne sont jamais envoyées.
Résultat
Saisissez vos données, puis lancez l’outil.
À propos de cet outil
Règle séparément les quatre coins d’un élément et la forme elliptique du rayon, avec aperçu immédiat et code CSS correspondant.
Comment l’utiliser
- Ajustez chaque coin avec les curseurs.
- Copiez la propriété border-radius.
Questions fréquentes
Comment obtenir un cercle parfait ?
Un rayon égal à la moitié du côté, et un élément carré : 50 % fonctionne si la largeur et la hauteur sont identiques.
À quoi sert la barre oblique ?
Elle sépare le rayon horizontal du rayon vertical, ce qui produit une ellipse.
Pour aller plus loin
Outils liés
Générateur d’ombre CSS
Composer un box-shadow avec aperçu en direct.
Générateur de dégradé CSS
Créer un dégradé linéaire ou radial en CSS.
Bac à sable CSS Grid
Explorer les colonnes, les lignes et les zones d’une grille.
HEX vers RGB
Convertir une couleur HEX en valeurs RGB.
RGB vers HEX
Convertir des valeurs RGB en code HEX.
RGB vers HSL
Passer d’une couleur RGB à sa teinte, saturation et luminosité.