Outil de recommandation de palettes de couleurs

Générateur professionnel de palettes de couleurs, prenant en charge plusieurs modes d’association comme le monochrome, les couleurs complémentaires et les triades, avec génération par lots de palettes et exportation.

Signaler un bug

Mode d’exécution du navigateur: Vos données sont traitées dans votre navigateur et ne sont pas envoyées au serveur.

Vitesse et stabilité: La vitesse de traitement dépend de votre appareil et de votre navigateur. Pour les gros lots, la version de bureau peut être plus stable.

Chargement de l’outil, veuillez patienter...

Si l’outil en ligne ne se charge pas ou ne fonctionne pas, essayez l’outil de bureau. https://tools.yikeaigc.com/

Utilisation de l’outil

Retour à l’ancienne version

Configurer d’abord, puis traiter

Définissez d’abord la couleur principale et les règles, puis générez une palette exportable

Commencez vite avec des couleurs d’exemple ou saisissez un HEX précis. Chaque étape a un bouton Suivant ; générez, enregistrez et téléchargez après le réglage.

HEX / RGB / HSL / CMYK Monochrome / Complémentaire / Triade CSS / SCSS / JSON / PNG Paramètres enregistrables

Couleur principale Cliquez sur une valeur pour copier

HEX

RGB

HSL

Réglage de la couleur principale

Définissez d’abord la couleur principale. Utilisez le sélecteur, le champ HEX ou les curseurs HSL ; la palette se met à jour en temps réel.

Couleur de baseHEX à 6 chiffres accepté

Valeur HEX Exemple : #0F6FAE

CMYK

Réglage HSL finIdéal pour ajuster teinte, saturation et luminosité

Teinte205°

Saturation78%

Luminosité37%

Nom de la palette

Couleurs d’exempleCliquez puis ajustez

Règles de palette

Choisissez un modèle de palette, puis définissez le nombre de couleurs et les décalages clair/foncé. Gardez d’abord les valeurs par défaut, puis ajustez selon le contexte.

Modèle de paletteLes couleurs analogues créent un style uni et doux

Paramètres de générationRéglez les paramètres, puis prévisualisez

Nombre de couleurs

Angle voisin24°

Décalage de saturation0%

Décalage de luminosité0%

Neutralisation8%

Tri

Type de dégradé

Angle du dégradé90°

Aperçu et ajustements

Vérifiez les codes, la lisibilité du texte et l’aperçu UI. Cliquez sur une valeur pour la copier.

Palette de couleurs5 couleurs

AperçuPour repérer vite la hiérarchie

Code du dégradéCopiable dans le CSS

Enregistrer/exporter

Exportez le thème actuel ou générez plusieurs thèmes. Le lot affiche seulement les 20 premiers résultats ; le téléchargement les inclut tous.

Options par lotDéfinissez la quantité selon vos besoins

Nombre de thèmes

Amplitude

Contenu exportéPour fichiers et code

HEX RGB HSL CMYK

JSON CSS SCSS PNG

TéléchargementsLe ZIP inclut tous les résultats du lot

Résultats en lotAucun lot généré

Définissez d’abord la couleur principale et les règles, puis cliquez sur « Générer en lot ».

Thèmes enregistrés0

Les thèmes enregistrés s’affichent ici. Vous pouvez les réappliquer ou les supprimer.

Instructions

Instructions d’utilisation du logiciel

Définir la couleur principale :dans « Réglage de la couleur principale », utilisez le sélecteur de couleur, le champ de saisie HEX ou les curseurs HSL pour définir la couleur de base ; vous pouvez également cliquer sur une couleur d’exemple pour la charger rapidement.
Choisir une règle de palette :
- Monochrome :génère des niveaux clairs et foncés à partir d’une même teinte, idéal pour un design au style uniforme.
- Couleurs analogues :choisit des teintes voisines, idéal pour un rendu visuel doux et nuancé.
- Couleurs complémentaires :utilise la couleur opposée sur le cercle chromatique, idéal pour faire ressortir les boutons, les titres et les contenus importants.
- Complémentaire divisée :ajoute une couleur d’adoucissement dans une relation de contraste, idéale pour les visuels marketing et événementiels.
- Triade, tétrade, carré :idéal pour les graphiques, les étiquettes de catégories et les interfaces à modules multiples.
- Couleurs neutres :idéal pour les pages professionnelles, les interfaces d’outils et les designs de type document.
Ajuster les paramètres de génération :définissez le nombre de couleurs, l’angle de proximité, le décalage de saturation, le décalage de luminosité, le ratio de neutralisation, le mode de tri et l’angle du dégradé.
Prévisualiser la palette :accédez à « Aperçu et ajustements » pour consulter les informations HEX, RGB, HSL et de contraste de chaque couleur ; cliquez sur le bouton de valeur de couleur pour la copier.
Enregistrer la palette et les paramètres :cliquez sur « Enregistrer la palette actuelle » pour ajouter la palette aux favoris, et sur « Enregistrer les paramètres » pour enregistrer les paramètres actuels afin de les réutiliser ultérieurement.
Génération par lots :accédez à « Enregistrement et exportation » pour définir le nombre de palettes et l’amplitude des variations, puis cliquez sur « Génération par lots » pour générer plusieurs palettes. L’interface affiche les 20 premières palettes ; le téléchargement inclura tous les résultats.
Exporter des fichiers :vous pouvez télécharger séparément des fichiers JSON, CSS, SCSS et PNG, ou sélectionner le contenu à exporter puis télécharger une archive ZIP.

Questions fréquentes

R : Monochrome convient aux déclinaisons de marque et aux interfaces épurées ; couleurs analogues conviennent aux pages douces et cohérentes ; couleurs complémentaires conviennent pour mettre en avant les informations clés ; triade convient aux graphiques et aux mises en page à modules multiples ; couleurs neutres conviennent aux outils professionnels et aux documents.

R : Saisissez un code couleur dans le champ HEX, par exemple #0F6FAE ; l’outil mettra automatiquement à jour le sélecteur de couleur, les curseurs HSL et l’aperçu de la palette. Vous pouvez également affiner les réglages avec les curseurs de teinte, de saturation et de luminosité.

R : Le fichier CSS génère des codes couleur sous forme de variables, utilisables pour les styles de pages web ; le fichier SCSS convient aux projets Sass. Les deux formats facilitent la réutilisation dans les systèmes de design, le changement de thème et les styles de composants.

R : La génération en lot s’appuie sur la couleur principale actuelle, les règles d’harmonie et l’amplitude de variation pour ajuster raisonnablement la teinte, la saturation et la luminosité, afin d’obtenir plusieurs palettes liées par le style mais non identiques.

R : Les palettes enregistrées sont conservées dans le stockage local de l’appareil actuel. Après la suppression des données du site ou un changement d’appareil, les palettes précédemment enregistrées peuvent ne plus s’afficher ; il est recommandé d’exporter rapidement les fichiers des palettes importantes.

R : Non. Les calculs de couleur, l’enregistrement des palettes et la génération des fichiers sont effectués sur l’appareil actuel ; la couleur principale, les palettes et le contenu exporté ne sont pas envoyés au serveur.

Réponse : dans « Aperçu des ajustements », consultez le contraste du texte blanc et du texte foncé pour chaque couleur. Plus la valeur est élevée, plus le texte est lisible. Pour un arrière-plan de texte courant, il est recommandé de choisir une couleur de texte offrant un contraste plus élevé.