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.Convertisseur de couleurs : HEX, RGB, HSL et OKLCHConvertissez HEX, RGB, HSL ou OKLCH en HEX, RGB, HSL et OKLCH. Copiez chaque format ou une variable CSS. Gratuit, local et sans compte.Générateur de variables de couleur CSSGénérez des variables CSS depuis une couleur : marque, texte lisible et onze nuances de 50 à 950. Copiez ou téléchargez le CSS directement.Générateur de thèmes shadcn/uiCréez un thème shadcn/ui avec des couleurs primaire, secondaire et neutre. Aperçu clair/sombre et tokens OKLCH avec @theme inline pour Tailwind v4.Générateur de palettes TailwindGénérez trois gammes Tailwind de 50 à 950. Aperçu des composants et exports @theme v4, configuration v3, variables CSS ou JSON.Générateur de palettes pour graphiquesCréez des palettes catégorielles, séquentielles et divergentes. Choisissez le fond, vérifiez le contraste et exportez JavaScript, JSON ou CSS.
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.Simulateur daltonisme couleurPrévisualisez palettes pour deuteranopie, protanopie et tritanopie afin de repérer les combinaisons risquées.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 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.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.