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 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 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 d’ombres de texte

Générateur d’ombres de texte

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

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.

Rotation de Pages PDF en Masse

Rotation de Pages PDF en Masse

Faites pivoter chaque page PDF indépendamment d'un clic. Parfait pour les scans à orientations mixtes.

Audio Waveform Viewer

Audio Waveform Viewer

Visualize the waveform of any audio file in your browser. View duration, sample rate, channels, and play back inline.

Base64 vers Image

Base64 vers Image

Décodez des chaînes Base64 en fichiers image.

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.