Tiny Online Tools logoTiny Online ToolssearchRechercher des outils…grid_viewTous les outils
Accueilchevron_rightOutils de Designchevron_rightGénérateur de Border RadiusGénérateur de Border Radius

Générateur de Border Radius

Contrôlez visuellement l'arrondi des coins et copiez le CSS.

Préréglages
Unitépx%
Lier tous les coins
CSS généré
border-radius: 12px;

Outils similaires

Générateur CSS Clip-Path

Générateur CSS Clip-Path

Générez des formes CSS clip-path avec aperçu en direct.

Générateur de dégradés

Générateur de dégradés

Créez des dégradés CSS visuellement avec aperçu en direct.

Générateur de Box Shadow

Générateur de Box Shadow

Créez des ombres CSS visuellement avec un aperçu en temps réel.

Générateur d’ombres de texte

Générateur d’ombres de texte

Créez des effets CSS text-shadow avec aperçu en direct.

SVG en fond CSS

SVG en fond CSS

Convertissez du code SVG en une URL de données pour background-image CSS.

Extracteur d'images video

Extracteur d'images video

Extrayez des images individuelles d'une video sous forme de PNG a n'importe quel intervalle, entierement dans votre navigateur.

Convertisseur hexadecimal vers binaire

Convertisseur hexadecimal vers binaire

Convertissez des valeurs hexadecimales en sortie binaire.

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Ajustez les coins visuellement au lieu de deviner les valeurs

border-radius paraît simple jusqu'au moment où vous avez besoin de plus qu'un simple rectangle arrondi. Ce générateur vous permet d'ajuster chaque coin visuellement et de voir le résultat immédiatement, ce qui facilite le réglage de boutons, cartes, champs et autres composants d'interface.

Ce que vous pouvez contrôler

L'outil vous aide à tester les cas les plus courants de border-radius :

  • une seule valeur pour tous les coins
  • des valeurs différentes pour chaque coin
  • des unités en pixels ou en pourcentage
  • des préréglages rapides pour des formes fréquentes

Situations où c'est particulièrement utile

Un générateur de border radius est pratique pour :

  • coller plus fidèlement à un design system existant
  • tester des formes pilule, cercle ou plus organiques
  • produire un CSS réutilisable pour des boutons ou cartes
  • éviter les ajustements à l'aveugle dans les devtools

Le choix de l'unité change le rendu

Les pixels créent un arrondi fixe, tandis que les pourcentages dépendent davantage de la taille de l'élément. Si une forme fonctionne sur un composant mais pas sur un autre, essayez de changer d'unité pour obtenir un rendu plus cohérent.