← Outils
Conception et CSS
Créez des couleurs, un dimensionnement réactif et du CSS prêt pour la production.
Couleur et accessibilité
- Convertisseur de couleursConvertissez des couleurs entre HEX, RGB, HSL, HSV, CMYK et LAB : modifiez un champ et les autres se mettent à jour aussitôt.Pages spécialisées (8)
- Vérificateur de contrasteSaisissez une couleur de texte et de fond pour voir le rapport de contraste WCAG et les niveaux AA et AAA validés.
CSS Mise en page et effets
- Générateur d’Ombres CSSAjustez des curseurs pour façonner un box-shadow, empilez plusieurs couches pour la profondeur, et copiez le CSS obtenu aussitôt.
- Générateur de Dégradés CSSCréez un dégradé linéaire, radial ou conique, ajoutez des arrêts de couleur et réglez la direction, puis copiez le CSS en un clic.
- Générateur de Border RadiusArrondissez chaque coin avec des curseurs, façonnez des formes organiques « blob » avec le mode elliptique, et copiez le CSS aussitôt.
- Générateur de Flexbox CSSConfigurez un conteneur flex et ses éléments avec des contrôles visuels, voyez la mise en page réagir en direct, puis copiez le CSS en un clic.
- Générateur de Grid CSSDéfinissez vos colonnes et vos lignes, faites glisser sur les cellules pour placer des éléments, et copiez le CSS de la grille avec son HTML en un clic.
- Générateur de Cubic Bezier CSSFaites glisser les deux poignées pour dessiner une courbe d’easing, regardez un point la parcourir face à un autre à vitesse constante, et copiez la valeur cubic-bezier().
- Calculateur de CSS clamp()Définissez une taille pour les petits écrans et une pour les grands, et obtenez une valeur clamp() fluide qui varie en douceur entre les deux — pour les tailles de police, le padding, les marges ou les gaps.
É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 px vers rem et emConvertissez px, rem et em selon votre taille de police racine et de contexte : modifiez un champ et les deux autres se mettent à jour au fil de la frappe.
Inspection et licence de polices
Aucun outil correspondant dans cette catégorie.