Générateur CSS border-radius
Collez une valeur border-radius, ajustez les coins visuellement, puis copiez le CSS ou Tailwind. La syntaxe elliptique avec slash est disponible. Généré dans votre navigateur — jamais envoyé.
Notes pour développeurs
• La sortie suit la contraction CSS : 1 à 4 jetons par côté, syntaxe slash seulement si le rayon horizontal d’un coin diffère du vertical. • L’export Tailwind associe un rayon px uniforme à l’échelle v4 (2–32px, plus none/full) à ±1px ; sinon rounded-[…] avec des underscores pour les espaces. • Le preset Pill utilise 9999px (rounded-full), pas 50 %. 50 % n’est un cercle que sur un aperçu carré. • Largeur/hauteur d’aperçu : état d’UI encodé dans l’URL, pas des options exposées, et ça ne change pas la chaîne exportée en px.
Options
- Lier les coins — Activé : modifier un coin met à jour les quatre — le flux carte/bouton habituel. Désactivé : contrôle indépendant haut-gauche, haut-droit, bas-droit, bas-gauche.
- Unité — Suffixe appliqué à chaque coin et à la chaîne exportée : px (absolu) ou % (relatif aux dimensions de l’élément). Le preset cercle utilise % ; carte et pilule utilisent px.
- Elliptique — Désactivé : un rayon par coin (4 valeurs max). Activé : rayon horizontal et vertical par coin, syntaxe slash à 8 valeurs dès qu’une paire diffère.
- Format d’export — Contenu du presse-papiers : déclaration CSS border-radius, custom property --radius, classe Tailwind rounded-* la plus proche (repli rounded-[…]), ou utilitaire Bootstrap 5 rounded-* (repli style inline).
Outils CSS associés
Hub : Outils Couleur & CSS. Convertissez les couleurs avec le Convertisseur de couleurs, générez des échelles de teintes avec le Générateur de nuances, ou réduisez et formatez vos feuilles avec Minifier CSS et Formater CSS.
FAQ du générateur CSS border-radius
Éditeur local de coins arrondis
Puis-je coller un border-radius existant depuis DevTools ?
Oui. Collez 1 à 4 longueurs, une syntaxe slash à 8 valeurs, ou une déclaration border-radius: …; complète. Une saisie invalide affiche une erreur et conserve le dernier aperçu valide.
À quoi sert le mode elliptique ?
Il débloque un rayon horizontal et vertical par coin. Dès qu’une paire diffère, la sortie CSS utilise la syntaxe slash (a b c d / e f g h).
Comment l’export Tailwind choisit-il une classe ?
Un rayon pixel uniforme à ±1px de l’échelle Tailwind v4 devient rounded-none, rounded-xs … rounded-4xl, ou rounded-full. Le reste, y compris %, slash et coins mixtes, devient rounded-[…].
Mon CSS est-il envoyé quelque part ?
Non. L’analyse et l’assemblage s’exécutent dans votre navigateur. FastMinify n’envoie jamais la valeur collée à un serveur.
Outils couleur & CSS
Vérification de contraste WCAG en collage local avec syntaxe couleur CSS moderne — vues paire et matrice, jamais envoyé.
Découvrez les autres catégories d'outils
Minifier
Réduisez code et assets pour la production — minifiez JS, CSS, HTML, JSON, XML et SVG avant gzip ou déploiement CDN.
Déminifier
Développez du code minifié ou compressé — déminifiez JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML et d'autres formats pour déboguer ou relire.
Conversion
Transformez des données entre JSON, YAML, XML et CSV localement — sans envoi serveur.
Encodage
Encodez ou décodez Base64, composants URL et entités HTML — uniquement côté client.
Sérialisation
Sérialisez et désérialisez des structures PHP à côté de vos flux JSON.
Outils JSON
Validez, formatez, comparez et explorez des payloads JSON — complémentaires aux minificateurs et convertisseurs.
Outils SVG
Prévisualisez, optimisez avec SVGO, exportez en Data URI, redimensionnez, formatez, convertissez en JSX et validez vos SVG — tout dans le navigateur.
Beautifier
Rendez le code lisible avec une indentation cohérente — beautifiez JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML et plus encore dans votre navigateur.
Préprocesseurs CSS
Compilez SCSS ou LESS en CSS standard dans le navigateur — complétez avec beautify ou minify pour un workflow feuille de style complet.
DevOps & Infra
Format/validate/minify HCL, format & lint Dockerfile, validation Compose et .env.
CI/CD
GitHub Actions et GitLab CI — formater le YAML et vérifier la structure des workflows/jobs dans le navigateur.
Logs & observabilité
JSON/NDJSON ligne à ligne et access logs Nginx/Apache — format, filtre, validation et CSV/TSV.
Kubernetes
Manifestes multi-docs, validation structurelle, starters Ingress/Deployment et formatage values Helm.
Réseau / IP
CIDR, sous-réseaux et helpers IPv4/IPv6 — dans le navigateur.
Sécurité & tokens
JWKS, certificats X.509 et scan de secrets — locaux navigateur.
API & schémas
Outils OpenAPI pour formater, valider et analyser vos specs.
Outils HTTP
cURL, messages HTTP, URLs, HAR et Cookie / Set-Cookie collés dans le navigateur — formater et inspecter, jamais envoyé.
Outils SEO / Web
Générez meta tags, Open Graph et Twitter Card localement — aperçus simulés depuis vos saisies, jamais fetch de votre site live.
Utilitaires développeur
Timestamps, UUID, ULID, Nanoid, cron, mots de passe, regex, slugify, bases, casse, diff texte et chmod — tout côté client.
Texte & Markdown
Comptez, générez un sommaire Markdown et nettoyez des listes de lignes — dans le navigateur.
IA & LLM
Comptage de tokens, estimation des coûts et fenêtre de contexte — 100 % local.
Données de test
Valeurs de champs synthétiques pour fixtures et seed DB — d'abord des numéros de téléphone en plages réservées.
Étiquettes code-barres
Dessinez des étiquettes Code 128, EAN-13 et UPC-A dans le navigateur — téléchargement PNG et SVG, pas un lookup GS1.