13 outils gratuits

Outils de couleur et de conception

Outils pour bien utiliser les couleurs : créer des palettes, des nuances et des teintes, convertir entre HEX, RGB et HSL, vérifier le contraste du texte pour l'accessibilité, simuler le daltonisme et générer des dégradés CSS, des zones d'ombre, le rayon de bordure, le glassmorphisme et les styles de neumorphisme.

Copiez les valeurs ou le CSS prêt à l'emploi directement dans votre projet.

Tous les 13 outils

Palette génératriceGénérez des palettes de couleurs, verrouillez les favoris, prévisualisez-les sur une mise en page et exportez.
Générateur de gradientCréez des dégradés CSS linéaires, radiaux et coniques avec des arrêts de couleur dragables.
HEX en RGBConvertissez les codes couleur HEX en RGB et RGBA, ainsi que tous les autres formats.
Vérificateur de contrasteVérifiez le contraste des couleurs par rapport aux WCAG AA et AAA, avec des suggestions de couleurs passagères.
Box shadow generatorCréez des ombres de boîte CSS superposées avec un aperçu en direct et copiez le code.
Rayon des frontièresArrondissez chaque coin en px, % ou rem, ou faites glisser les poignées pour créer des formes blob.
GlassmorphismeConcevez des cartes en verre dépoli avec fond flou et copiez le CSS.
NeumorphismeCréez des formes de neumorphisme d'interface utilisateur à partir de n'importe quelle couleur et copiez le CSS.
Nuances et teintesCréez une échelle de couleurs, des teintes, des nuances et des tons 50–950 à partir d'une seule couleur.
Couleur aléatoireGénérez des couleurs aléatoires par humeur ou par gamme, comme HEX, RGB, HSL ou OKLCH.
Couleur aveuglement simVoyez les images et les dessins comme les personnes atteintes de daltonisme les voient.
Convertisseur HEX vers HSLConvertissez les codes couleur HEX en HSL et HSLA, ainsi que tous les autres formats.
Convertisseur RGB vers HEXConvertissez les valeurs RVB et RVBA en codes couleur HEX, plus tous les autres formats.

Outils de couleur et de conception

Tous les 13 outils

Plus de catégories