Chromoforge
Outils couleur
Partez d’une couleur ou d’une image. Générez des nuances, vérifiez un contraste précis et exportez les couleurs pour votre projet.
Utiliser un outil
PalettePartez d’une couleur ou d’une image. Générez des nuances, vérifiez un contraste précis et exportez les couleurs pour votre projet.Extracteur de couleurs d'imageExtrayez les couleurs dominantes des images PNG, JPG ou WebP dans le navigateur et créez des palettes exportables.Générateur de nuances couleurGénérez une échelle 50-950 depuis une couleur de base pour surfaces UI, bordures, hover et dark mode.Vérificateur de contraste WCAGVérifiez le contraste entre texte et arrière-plan selon WCAG AA et AAA, testez des paires réelles et choisissez des couleurs lisibles.
Guides pratiques
Palette de couleurs accessibleGénérez une palette dans l’outil principal et vérifiez les paires texte/fond prévues.Générateur de palette de marqueCréez une palette de marque depuis un logo ou une couleur primaire et exportez variables CSS et tokens.Générateur palette graphiquesGénérez des couleurs distinctes pour dashboards et dataviz, avec contrôle contraste et daltonisme.Simulateur daltonisme couleurPrévisualisez palettes pour deuteranopie, protanopie et tritanopie afin de repérer les combinaisons risquées.Convertisseur couleur HEX, RGB, HSL et OKLCHSaisissez HEX, RGB ou HSL dans l’outil principal, puis copiez les valeurs HEX, RGB, HSL et OKLCH depuis l’inspecteur.Générateur harmonie couleurGénérez harmonies complémentaires, analogues, triadiques, split, tétradiques et monochromatiques.Générateur de palettes de couleursGénérez des palettes harmonieuses depuis une couleur de base avec des règles complémentaires, analogues, triadiques et monochromatiques.Guide de théorie des couleursApprenez l’harmonie des couleurs, le contraste WCAG et les choix de palette pratiques pour des interfaces web lisibles.Générateur de variables couleur CSSGénérez des variables CSS et des design tokens depuis une palette, copiez le bloc :root et gardez vos thèmes cohérents.Générateur palette dark modeCréez des palettes dark mode avec texte lisible, surfaces muted, bordures et accents accessibles.Générateur de design tokensCréez des design tokens couleur depuis une palette et exportez CSS variables, SCSS maps, JSON et Tailwind.Générateur de dégradés CSSCréez des dégradés CSS linéaires, radiaux et coniques depuis une palette, copiez le code et vérifiez les transitions.Guide de correspondance des thèmes shadcnGénérez une palette dans l’outil principal, puis associez manuellement ses couleurs aux variables sémantiques de votre projet shadcn.Générateur de couleurs TailwindGénérez une échelle de 11 nuances de 50 à 950 dans l’outil principal et exportez une configuration Tailwind v3..Générateur de schéma couleur webCréez un schéma couleur web avec couleurs primaires, neutres et accents pour hero, boutons, cartes et formulaires.