Outils en ligne gratuits qui fonctionnent dans votre navigateur
19 outils gratuits de Color & Design qui fonctionnent à 100 % dans votre navigateur. Aucun envoi, aucune inscription, aucune installation : vos données ne quittent jamais votre appareil.
Sélecteur de couleur (Color Picker)
Choisissez une couleur et copiez aussitôt ses valeurs HEX, RGB et HSL. Générez des teintes et des nuances pour fonds, bordures et états d'interface.
Convertisseur HEX RGB
Convertissez les couleurs entre HEX, RGB(A) et HSL(A) avec mise à jour en direct, prise en charge de l'alpha et valeurs CSS prêtes à copier.
Générateur de Palettes de Couleurs
Générez des palettes de couleurs harmonieuses à partir d'une couleur de base : schémas complémentaires, analogues, triadiques et monochromatiques, dans votre navigateur.
Générateur de dégradés CSS
Créez des dégradés CSS linéaires et radiaux avec plusieurs points de couleur, aperçu en direct et code CSS background prêt à copier.
Générateur de Box Shadow
Créez des ombres CSS box-shadow avec curseurs de décalage, flou, étendue, couleur, opacité et mode inset, avec aperçu en direct dans votre navigateur.
Vérificateur de contraste (Contrast Checker)
Vérifiez le rapport de contraste WCAG entre la couleur du texte et du fond, avec résultats AA et AAA (réussi/échoué) et aperçu en direct.
Générateur de nuances Tailwind
Générez une échelle de 11 nuances de style Tailwind (50-950) à partir d'une couleur HEX de base, avec variables CSS et JSON à copier.
Générateur de filtres CSS
Créez visuellement des effets CSS filter() avec des curseurs pour le flou, la luminosité, le contraste, les niveaux de gris, la rotation de teinte et plus.
Générateur de Border Radius
Créez des valeurs CSS border-radius standard et elliptiques avec aperçu en direct et code CSS à copier, entièrement dans votre navigateur.
Générateur de Glassmorphism
Créez le CSS de cartes en verre dépoli avec des réglages de flou, transparence, teinte, bordure et rayon, directement dans votre navigateur.
Générateur de Neumorphisme
Générez du CSS néomorphique soft UI avec ombres jumelées, couleur de surface, rayon et formes plates, concaves ou convexes, directement dans votre navigateur.
Générateur de Duotone
Appliquez un effet duotone à deux couleurs à une image dans votre navigateur et exportez le résultat en PNG, sans aucun envoi vers un serveur.
Mélangeur de couleurs — Mélanger deux couleurs
Mélangez deux couleurs selon un ratio RGB au choix et copiez les valeurs HEX, RGB et HSL du résultat directement dans votre navigateur.
Trouveur de nom de couleur CSS
Trouvez le nom de couleur CSS le plus proche de n'importe quelle valeur HEX grâce à la distance RGB, avec nuanciers et boutons de copie.
Générateur de thème CSS
Choisissez vos couleurs de marque et générez côté client un thème :root en propriétés personnalisées CSS, avec des jetons dérivés pour survol, bordure et surface.
Générateur de vagues SVG
Créez des vagues SVG superposées en réglant l'amplitude, la complexité, le lissage et les couleurs. Copiez le SVG ou le CSS, ou téléchargez-les en SVG et PNG.
Générateur de blobs
Générez des blobs SVG organiques aléatoires en réglant les points, le caractère aléatoire, les dégradés et les contours. Copiez le SVG ou téléchargez un PNG.
Générateur de dégradés mesh
Créez des dégradés mesh à partir de 3 à 6 points de couleur déplaçables, avec flou et bruit. Copiez le CSS ou téléchargez une image PNG.
Générateur de clip-path CSS
Modifiez visuellement des formes CSS clip-path grâce à des préréglages, des points de polygone déplaçables et des curseurs. Copiez le CSS clip-path.