Nuances de Bleu : Codes Hex, RVB et TSL

Qu'est-ce qu'une nuance de bleu ?

Le bleu est la couleur la plus utilisée en design d'interface et d'identité, et les 21 nuances ci-dessous couvrent toute son amplitude de travail. Le haut est atmosphérique — Bleu Bébé #89CFF0, LightBlue #ADD8E6, SkyBlue #87CEEB —, le milieu est là où vivent les interfaces, avec DodgerBlue #1E90FF, CornflowerBlue #6495ED et RoyalBlue #4169E1, et le bas frôle le noir par Marine #000080, Bleu de Prusse #003153 et MidnightBlue #191970.

Deux groupes méritent d'être connus. Les bleus de pigment — Bleu Cobalt #0047AB, Saphir #0F52BA, Bleu de Prusse — sont profonds et légèrement violacés : c'est en général ce qu'on entend par un bleu riche. Les bleus utilitaires — SteelBlue #4682B4, Denim #1560BD, Céruléen #007BA7 — contiennent du gris, ce qui les rend bien plus faciles à poser près d'un texte que le bleu pur #0000FF, couleur presque trop saturée pour être employée en grand.

Comment utiliser ces codes couleur

1. Trouvez votre nuance. La liste va du clair au foncé, avec un aperçu réel à côté de chaque nom — parcourez-la comme un nuancier de peinture.
2. Cliquez sur un code pour le copier. Chaque ligne affiche la valeur hex, RVB et TSL de la couleur. Un clic copie exactement cette chaîne dans votre presse-papiers.
3. Collez-la dans votre projet. Emportez le hex dans CSS, Figma, Photoshop ou un document. Cliquer sur l'échantillon lui-même copie aussi le hex, sans avoir à viser le petit texte.

Ce que le bleu communique

Le bleu est la confiance par défaut. Banques, assureurs, hôpitaux et plateformes sociales y convergent parce qu'il se lit comme stable, compétent et peu émotionnel : le choix le plus sûr quand une marque ne peut pas se permettre de paraître risquée. Cette omniprésence est aussi sa faiblesse : un logo bleu se distingue rarement dans sa catégorie.

C'est la seule teinte appréciée de façon quasi universelle d'une culture à l'autre, et celle qui recule visuellement : les montagnes lointaines paraissent bleues, si bien qu'un fond bleu se lit comme de la profondeur plutôt que comme une surface. Les bleus foncés ajoutent autorité et formalité — d'où deux siècles d'uniformes institutionnels en marine —, tandis que les bleus pâles se lisent comme calmes, propres et un peu froids.

Limites honnêtes

Un code hex est exact, mais la couleur que vous voyez ne l'est pas. Le même #FF0000 s'affiche différemment sur un téléphone OLED, sur un moniteur de bureau bas de gamme et sur une page imprimée, car chaque appareil a son gamut et son calibrage. Prenez ces valeurs comme un point de départ précis pour l'écran, et vérifiez toujours une épreuve physique avant d'envoyer une couleur à l'impression : le CMJN ne reproduit pas toutes les nuances listées ici.

Les noms de couleur mélangent deux choses. Ceux marqués CSS sont des couleurs nommées officielles : le nom fonctionne tel quel dans une feuille de style et tous les navigateurs le résolvent exactement vers ce hex. Les autres sont des noms conventionnels — Bordeaux, Sauge, Espresso — qui n'appartiennent à aucune norme. Leurs valeurs suivent la convention la plus citée, mais un autre nuancier peut les placer un peu plus clairs ou plus foncés : citez donc le hex plutôt que le nom quand la valeur exacte compte.

Pourquoi est-ce gratuit ?

FreeToGenerate.com garde tous ses outils vraiment gratuits. Cette page est une liste statique de valeurs affichée dans votre navigateur : rien à installer, aucun compte, aucune version premium qui garderait la moitié de la palette. Copiez autant de codes que nécessaire, aussi souvent que vous voulez.

Autres familles de couleurs

rougeorangejaunevertcyanvioletrosemarrongrisnoirblancToutes les familles