Qu'est-ce que Explorateur de couleurs de marque ?

L’Explorateur de Couleurs de Marques vous permet de parcourir les palettes de couleurs officielles de plus de 100 marques populaires comme Google, Spotify, Netflix et bien d’autres. Copiez n’importe quel code hexadécimal instantanément pour vos designs, présentations ou projets de développement.

Les marques sont regroupées en Technologie, Réseaux sociaux, Alimentation et boissons, Finance, Divertissement, Distribution, Automobile, Sport, Santé et Voyage. Chaque carte liste les codes officiels primaire, secondaire et d'accent issus des chartes graphiques publiques, avec copie en un clic en HEX, RGB ou HSL. La recherche filtre par nom et les puces de catégorie réduisent la liste pour comparer des entreprises voisines.

Comment utiliser

  1. Parcourez les marques par catégorie ou recherchez une marque spécifique par son nom.
  2. Choisissez HEX, RGB ou HSL avec le sélecteur de format, puis cliquez sur n'importe quel échantillon pour copier la couleur dans le format choisi.
  3. Affichez la palette complète de chaque marque, puis récupérez-la à votre façon : cliquez sur un échantillon pour copier une couleur, appuyez sur « Tout copier » pour une liste de HEX séparés par des virgules, CSS pour des propriétés personnalisées, Tailwind pour un bloc de configuration, ou PNG pour une planche d'échantillons.

Quand l'utiliser

  • Préparer une diapositive qui cite une vraie marque et qui doit afficher des logos avec la couleur exacte
  • Chercher de l'inspiration en regardant la palette d'un concurrent ou d'une marque de référence
  • Bâtir une landing co-brandée qui exige les codes hex précis des deux marques en quelques secondes

Résultat

Vous créez une présentation qui fait référence à Spotify. Recherchez « Spotify », trouvez leur vert (#1DB954) et copiez-le en un clic pour l’utiliser dans votre outil de design.

FAQ

D'où viennent ces codes couleur de marque ?
Du guide de style ou du kit presse publié par chaque marque, recoupés avec les SVG du logo quand ils existent. Nous ne revendiquons aucune marque déposée : ces valeurs sont des références de conception, pas un agrément officiel.
Puis-je utiliser ces couleurs dans mes propres travaux ?
Les codes couleur eux-mêmes ne sont pas couverts par le droit d'auteur, mais l'identité de marque l'est. Utilisez-les librement pour des esquisses, maquettes, comparatifs et contenus éditoriaux ; vérifiez la politique de marque avant tout usage suggérant une affiliation.
Pourquoi certaines marques affichent-elles quatre ou cinq couleurs et d'autres seulement deux ?
Nous reflétons ce que chaque entreprise publie. Google possède quatre couleurs principales liées aux quatre lettres de son logo, alors que la palette officielle d'Apple est volontairement minuscule : noir, argent et un bleu d'accent.
Puis-je exporter toute la liste vers Figma ou mon éditeur ?
Oui : chaque carte de marque possède sa propre rangée d'export. « Tout copier » place la palette entière dans le presse-papiers sous forme de liste de HEX séparés par des virgules, le bouton CSS la copie en propriétés personnalisées prêtes à coller (par exemple --tesla-red: #CC0000;), le bouton Tailwind copie un bloc de couleurs tailwind.config.js indexé par la marque, et le bouton PNG enregistre une planche d'échantillons nette pour vos présentations. Vous pouvez toujours choisir HEX, RGB ou HSL avec le sélecteur de format et copier chaque échantillon un par un, et chaque échantillon affiche un petit badge AA/AAA indiquant la lisibilité du texte par-dessus.
Une marque qui m'intéresse manque, pouvez-vous l'ajouter ?
La liste privilégie des marques mondiales reconnues pour que la recherche reste pertinente. Nous gardons le jeu de données limité volontairement ; pour des marques locales ou de niche, leur page « À propos » fournira la couleur plus vite.

Outils similaires