← Outils
Conception et CSS
Créez des couleurs, un dimensionnement réactif et du CSS prêt pour la production.
Couleurs et accessibilité
- Convertisseur de couleursConvertissez des couleurs entre les formats HEX, RGB, HSL, HSV, CMYK et LAB — modifiez un champ et tous les autres s'ajustent en temps réel.Pages spécialisées (8)
- Vérificateur de contrasteSaisissez une couleur de texte et d'arrière-plan pour obtenir le rapport de contraste WCAG et connaître les niveaux AA et AAA validés.
CSS mise en page et effets
- Générateur d'Ombres CSSGlissez les curseurs pour façonner une ombre de boîte, superposez des couches pour donner de la profondeur et copiez le CSS obtenu instantanément.
- Générateur de dégradésConcevez un dégradé linéaire, radial ou conique, ajoutez des arrêts de couleur, ajustez la direction et copiez le CSS généré en un clic.
- Générateur de Border RadiusArrondissez chaque coin à l'aide de curseurs, concevez des formes organiques de type « blob » avec le mode elliptique et copiez le CSS instantanément.
- Générateur de FlexboxConfigurez un conteneur flex et ses éléments à l'aide de contrôles visuels, observez le comportement de la mise en page en direct et copiez le code CSS en un clic.
- Générateur de Grid CSSDéfinissez vos colonnes et vos lignes, glissez votre curseur sur les cellules pour positionner vos éléments et copiez le code CSS de la grille ainsi que le code HTML associé en un clic.
- Générateur de Cubic Bezier CSSAjustez les deux poignées pour concevoir une courbe d'accélération, observez le mouvement d'un point comparé à une vitesse constante et copiez la valeur cubic-bezier().
- Calculateur de CSS clamp()Saisissez une taille pour petits et grands écrans et obtenez une valeur clamp() fluide qui s'adapte harmonieusement entre les deux — idéal pour les polices, le padding, les marges ou les espacements.
Écran, impression et proportions
- Convertisseur pixels / DPIConvertissez pixels, pouces, cm et mm dans les deux sens, à n’importe quel DPI/PPI — pour l’écran comme pour l’impression.
- Calculateur de PPI d’écranSaisissez la résolution et la taille de l’écran pour obtenir la densité de pixels, le pas de pixel, les dimensions physiques et plus.
- Convertisseur de px en rem et emConvertissez facilement entre les unités px, rem et em en utilisant vos propres tailles de police racine et de contexte — modifiez n'importe quel champ et les deux autres s'ajustent en temps réel.
Inspection et licences de polices
Aucun outil correspondant dans cette catégorie.