Design UI & produit
Construisez des couleurs primaire, secondaire et de surface cohérentes d'un écran à l'autre.
Gratuit · sans inscriptionHarmonies de théorie des couleursCSS · Tailwind · JSONS'exécute dans votre navigateur
Pourquoi générer des palettes ici
Six moteurs d'harmonie
Complémentaire, analogue, triadique, tétradique, monochrome et complémentaire scindée — ancrés dans la théorie classique des couleurs.
Verrouiller et affiner
Verrouillez les couleurs que vous aimez, régénérez le reste et itérez jusqu'à ce que le schéma soit juste.
Exports prêts pour le dev
Copiez variables CSS, tokens Tailwind, maps SCSS ou JSON — collez-les directement dans votre design system.
Contrôles de contraste WCAG
Testez des paires texte/fond de votre palette pour une UI lisible et accessible.
Retour instantané
Nuances, maquettes UI et codes se mettent à jour en direct. Sans upload, sans attente, sans compte.
Gratuit et illimité
Palettes illimitées pour projets perso et commerciaux. Sans filigrane.
Comment créer une palette de couleurs
- 1
Choisissez une couleur de base
Utilisez le sélecteur ou saisissez un code HEX. Elle ancre tous les calculs d'harmonie.
- 2
Choisissez une règle d'harmonie
Passez du complémentaire à l'analogue, au triadique et plus pour explorer différentes ambiances.
- 3
Verrouillez, randomisez, affinez
Verrouillez les teintes à garder, régénérez ou appuyez sur Espace pour une nouvelle base, puis peaufinez.
- 4
Exportez vers votre stack
Copiez HEX/RGB/HSL ou exportez CSS, Tailwind, SCSS ou JSON pour designers et développeurs.
D'un code HEX à la graine d'un design system
Règles d'harmonie, contrôles de contraste et formats d'export que designers et développeurs livrent vraiment.
01
Pourquoi l'harmonie bat les nuances aléatoires
Les couleurs aléatoires partagent rarement une relation. Les règles d'harmonie placent les teintes sur le cercle chromatique avec intention — opposées pour l'énergie, voisines pour le calme, équidistantes pour le dynamisme — pour des interfaces délibérées plutôt que bruyantes.
02
Complémentaire vs analogue pour l'UI produit
Les paires complémentaires font ressortir les CTA. Les sets analogues conviennent aux tableaux de bord et aux longs textes où la continuité calme compte. Changez de règle sur la même base pour comparer les ambiances instantanément.
03
Chemins d'export pour les stacks modernes
Les variables CSS alimentent tout framework. Les maps Tailwind s'intègrent aux configs. Les maps SCSS nourrissent les design systems Sass. Le JSON voyage vers outils design et documentation. Une palette, chaque handoff.
04
L'accessibilité comme fonctionnalité de premier plan
Joli ne suffit pas si le texte corps échoue à AA. Vérifier le contraste pendant que le sélecteur est ouvert évite des redesigns coûteux après l'audit d'accessibilité.
Qui utilise un générateur de palette
Des kits de marque à l'UI produit — des schémas équilibrés commencent par une solide théorie des couleurs.
Identité de marque
Explorez des systèmes complémentaires ou monochromes avant de figer les guidelines.
Développement frontend
Exportez variables CSS ou tokens Tailwind pour que l'ingénierie suive le fichier de design.
Marketing & social
Générez des palettes de campagne fidèles à la marque pour pubs, decks et landing pages.
Visualisation de données
Choisissez des sets monochromes séquentiels ou triadiques catégoriels pour des graphiques plus clairs.
Apprendre la théorie des couleurs
Voyez comment les règles d'harmonie transforment une base en schémas multi-nuances professionnels.
Conseils palette qui aident vraiment
Petites habitudes qui distinguent de « jolies nuances » d'un vrai design system.
- 1
Partez des contraintes marque ou produit
Si vous avez déjà un HEX de marque, verrouillez-le et générez autour — n'inventez pas un cinquième accent au hasard.
- 2
Vérifiez le contraste tôt
Une belle paire qui échoue au WCAG AA casse boutons, texte et formulaires. Testez le texte sur les surfaces avant de livrer.
- 3
Moins de rôles, plus clairs
Nommez les couleurs par rôle (primary, accent, muted, danger), pas seulement par teinte. Cinq nuances deviennent un système quand les rôles sont clairs.
- 4
Exportez une fois, réutilisez partout
Placez variables CSS ou tokens Tailwind dans une seule source de vérité pour éviter la dérive marketing/produit.
FAQ
Questions fréquentes
Qu'est-ce qu'un générateur de palette de couleurs ?
C'est un outil qui construit un ensemble de couleurs coordonnées à partir d'une couleur de départ ou d'une règle. Ce générateur applique des harmonies de théorie des couleurs pour que les nuances fonctionnent ensemble en UI, branding et design systems.
Quelles règles d'harmonie sont prises en charge ?
Complémentaire, analogue, triadique, tétradique (rectangle), monochrome et complémentaire scindée — les six règles les plus utilisées pour des schémas équilibrés.
Puis-je verrouiller les couleurs que j'aime ?
Oui. Verrouillez n'importe quelle nuance, puis régénérez les couleurs non verrouillées ou randomisez la base. Les couleurs verrouillées restent en place pour affiner sans perdre vos favoris.
Comment exporter la palette pour le code ?
Utilisez Exporter pour copier des propriétés CSS personnalisées, une map de couleurs Tailwind, une map SCSS ou du JSON. Vous pouvez aussi cliquer chaque nuance pour copier HEX, RGB ou HSL.
Qu'est-ce que le contraste WCAG et pourquoi le vérifier ?
WCAG définit un contraste minimum entre texte et fond pour l'accessibilité. Le vérificateur intégré mesure des paires de votre palette pour que le texte UI reste lisible.
Est-ce gratuit pour les projets commerciaux ?
Oui. Palettes illimitées, sans compte et sans filigrane. Les couleurs générées et le code exporté sont à vous pour le travail client ou commercial.
Mes données quittent-elles le navigateur ?
Non. Calculs de couleur, contrôles de contraste et exports presse-papiers s'exécutent côté client. Rien n'est envoyé à un serveur.
Combien de couleurs y a-t-il par palette ?
Chaque harmonie renvoie cinq nuances coordonnées — assez pour primaire, accents et surfaces de support sans surcharger votre système.
Palettes professionnelles basées sur la théorie des couleurs
Le générateur de palette BosConvertPro transforme une couleur de base en schéma multi-nuances équilibré grâce à des règles d'harmonie éprouvées. Designers et développeurs peuvent verrouiller leurs favoris, valider le contraste, prévisualiser l'UI et exporter des tokens prêts pour la prod — entièrement dans le navigateur, gratuit, sans inscription.
- Six modes d'harmonie de théorie des couleurs
- Verrouiller des couleurs tout en régénérant les autres
- Vérificateur de ratio de contraste WCAG
- Export CSS, Tailwind, SCSS et JSON
- Formats de copie HEX, RGB, HSL
- Usage gratuit et illimité dans le navigateur