Une couleur de marque en entrée. Un système de couleurs fonctionnel en sortie.
GetColors transforme une couleur de marque en rôles d’interface clairs et sombres, vérifie le contraste de chaque association et l’exporte pour Tailwind v4, shadcn/ui, CSS pur ou design tokens. Vos agents IA peuvent utiliser les mêmes outils via MCP.
Comment fonctionne GetColors
- Partez d’une couleur de marque. Saisissez un code hex, choisissez-la avec le sélecteur de couleurs, ou prélevez-la sur une image ou un site existant.
- GetColors en déduit un thème clair et un thème sombre en OKLCH, avec des rôles comme canvas, surface, ink, primary et accent.
- Chaque paire de rôles est vérifiée selon le contraste WCAG 2 dans les deux thèmes, et le Studio indique les paires à retravailler.
- Exportez le système en variables CSS, light-dark(), Tailwind v4, shadcn/ui ou design tokens, ou laissez un agent IA utiliser les mêmes outils via MCP.
Ce que vous pouvez faire avec GetColors
Construire un système de couleurs
Transformez une couleur de marque en rôles d’interface clairs et sombres en OKLCH, avec un aperçu en direct des deux thèmes.
Générer des palettes de couleurs
Verrouillez les couleurs que vous aimez et mélangez les autres, testez des harmonies (analogues, triadiques, complémentaires) et voyez le rendu de la palette en cas de daltonisme.
Vérifier le contraste
Testez n’importe quelle paire texte/fond selon WCAG 2.1 et APCA, et corrigez automatiquement une couleur de texte insuffisante.
Auditer vos couleurs existantes
Collez du CSS, un thème Tailwind ou des globals shadcn pour repérer les contrastes insuffisants, les couleurs quasi identiques, les valeurs codées en dur et les rôles sombres manquants. L’audit s’exécute dans votre navigateur.
Parcourir palettes, dégradés et noms de couleurs
Explorez des palettes de couleurs et des dégradés CSS sélectionnés par ambiance, thème ou teinte, et retrouvez les couleurs nommées avec leurs valeurs HEX, RGB et OKLCH.
Utilisez-le là où vous travaillez
Une extension Chrome, un plugin Figma, une API REST, un serveur MCP pour les agents IA et un registre shadcn/ui reposent tous sur le même moteur que le site.
Questions fréquentes
Qu’est-ce que GetColors ?
GetColors est un ensemble d’outils de couleurs pour les designers et les développeurs : un générateur de palette de couleurs, un studio de systèmes de couleurs, un vérificateur de contraste, un générateur d’échelles Tailwind, un sélecteur de couleurs depuis une image et plus encore. Aucun compte n’est nécessaire pour utiliser les outils de couleurs.
GetColors est-il gratuit ?
Oui. Tous les outils de couleurs de base et les exports sont gratuits. GetColors Pro est une offre distincte qui ajoute une bibliothèque de palettes cloud plus grande et permet aux agents IA d’y accéder.
Qu’est-ce qu’un système de couleurs ?
Un système de couleurs attribue un rôle à chaque couleur. Au lieu d’une palette en vrac, il définit des rôles comme l’arrière-plan, le texte, l’action principale et la bordure, dans un thème clair et un thème sombre, afin que chaque association puisse être vérifiée en contraste et réutilisée de façon cohérente dans le code.
Qu’est-ce que l’OKLCH et pourquoi GetColors l’utilise-t-il ?
L’OKLCH décrit une couleur par sa luminosité, sa chroma et sa teinte, dans un espace où des écarts numériques égaux paraissent égaux à l’œil. Il est ainsi plus facile de garder des échelles et des thèmes réguliers, et Tailwind v4 utilise l’OKLCH pour sa propre palette.
Les agents IA peuvent-ils utiliser GetColors ?
Oui. GetColors propose un serveur MCP : Claude, Cursor et d’autres clients MCP peuvent générer des palettes, vérifier le contraste, créer des échelles Tailwind et des systèmes de couleurs, et auditer les couleurs d’une base de code. Les outils gratuits ne demandent aucun jeton.