Aller au contenu
ToolFarmToolFarm

Design

Champ Design

Couleurs, dégradés et palettes pour qui crée.

Tous les outils de ce champ s'utilisent de la même façon : même interface, même rapidité. Apprenez-en un, vous les connaîtrez tous.

  • 10 outils disponibles
  • Sans inscription
  • Directement dans votre navigateur
Mascotte Champ Design
Populaire
Design

Convertisseur de Couleur: HEX, RGB

Convertissez des couleurs entre HEX, RGB et HSL en ligne. Collez un format et obtenez les autres au passage. Gratuit et dans votre navigateur.

Design

Générateur de Dégradés CSS

Créez des dégradés CSS en ligne avec un aperçu en direct: linéaire, radial et conique. Copiez le code de votre fond, gratuit et sans envoi.

Design

Générateur de Palettes de Couleurs

Générez des palettes harmonieuses à partir de n'importe quelle couleur de base: analogues, complémentaires et plus. Gratuit et prêt à copier.

Design

Vérifier le Contraste de Couleur (WCAG)

Vérifiez le contraste de couleur WCAG entre texte et fond, avec aperçus en direct, verdict réussite ou échec et suggestions accessibles.

Design

Générateur d'ombre CSS

Crée une ombre box-shadow en CSS avec un aperçu en direct : règle le décalage, le flou, l'étendue, la couleur et l'opacité, puis copie le code. Gratuit et dans ton navigateur.

Design

Générateur de border radius CSS

Crée un border-radius en CSS avec un aperçu en direct : arrondis chaque coin séparément en pixels ou en pour cent, puis copie le code. Gratuit et dans ton navigateur.

Design

Calculateur de rapport d'aspect

Trouvez le rapport d'aspect exact de n'importe quelle taille et calculez la largeur ou la hauteur manquante pour une nouvelle. Instantané, précis et dans votre navigateur.

Design

Mélangeur de couleurs

Mélangez deux couleurs dans la proportion de votre choix et obtenez le résultat en HEX, RGB et HSL. Mélange en lumière linéaire, pour un résultat qui ne vire pas au terne.

Design

Générateur d'ombre de texte

Construisez une ombre de texte CSS et voyez-la sur clair et sur sombre à la fois. Copiez la déclaration quand le rendu vous convient.

Design

Générateur d'échelle typographique

Construisez une échelle typographique modulaire à partir d'une taille de base et d'un rapport, prévisualisez-la et copiez-la en variables CSS.