Convertisseur de couleurs
Convertissez HEX, RGB et HSL avec transparence, visualisez la couleur et copiez les valeurs CSS.
Générateur de coins arrondis CSS
Réglez les quatre rayons ensemble ou séparément, prévisualisez les coins elliptiques et exportez border-radius.
Coins elliptiques
Aperçu
CSS
À propos de cet outil
Comparez des angles circulaires et elliptiques pour un bouton, une carte ou un badge.
Mode d’emploi
Choisissez px ou %, puis ajustez les rayons avec les curseurs ou les champs numériques. Les quatre coins sont liés au départ ; désactivez la liaison pour les régler séparément. Dans les options elliptiques, activez des rayons verticaux distincts pour dissocier les courbures horizontale et verticale.
Les valeurs vont de 0 à 500 px ou de 0 à 100 %. L’aperçu et le CSS copié ou téléchargé utilisent la même déclaration. Les pourcentages dépendent des dimensions de l’élément. Changer d’unité modifie le sens des nombres, sans garantir un arrondi visuellement équivalent.
Questions fréquentes
À quoi sert la barre oblique de border-radius ?
Les rayons horizontaux la précèdent, les verticaux la suivent. CSS réduit proportionnellement les rayons qui se chevauchent afin de les faire tenir dans la boîte.
Pourquoi 50% produit-il un ovale au lieu d’un cercle ?
Les rayons en pourcentage se calculent séparément à partir de la largeur et de la hauteur. À 50%, une boîte rectangulaire devient une ellipse ; un cercle exige une largeur et une hauteur égales. Utilisez des pixels pour un rayon fixe et vérifiez le CSS avec les dimensions réelles de votre élément.
Outils associés
S’ouvre dans un nouvel onglet
Commentaires
0