Qu'est-ce qu'un code couleur HEX ?

Un code HEX est un code à 6 chiffres pour représenter des couleurs en design web et CSS. Commence par # suivi de trois paires de chiffres hex pour rouge, vert et bleu (00–FF).

Comment les couleurs sont-elles organisées ?

25 familles de teinte et 20 gradations (25–900). Cliquez sur une couleur pour ouvrir sa page de détail avec HEX, RGB, HSL, HSB, OKLCH, CMYK, WCAG, harmonies et échelle de teintes.

Quelle est la différence entre teinte, saturation et luminosité ?

La teinte est la couleur de base. La saturation mesure la vivacité (0%=gris, 100%=saturé). La luminosité : 0%=noir, 50%=couleur pure, 100%=blanc.

Que signifient les numéros de gradation (25–900) ?

50 est le plus clair, 500 la version la plus 'pure', 950 très foncé. Cette échelle facilite des systèmes de design cohérents.

Comment convertir HEX en RGB ou HSL ?

HEX vers RGB : diviser le code en trois paires et convertir de hex en décimal. Utilisez notre convertisseur HEX→RGB.

Comment utiliser ces couleurs en CSS ?

Directement : color: #3B82F6; background-color: #ECFDF5. Aussi en HSL ou variables CSS : --color-primary: #3B82F6.

Combien de couleurs contient l'Explorateur HEX ?

500 couleurs : 25 familles × 20 gradations (25–900). Cliquez n'importe quelle couleur pour explorer tous ses formats.

Explorateur de Couleurs HEX

Parcourez 500 couleurs par famille de teinte et gradation

500 couleurs25 familles20 gradations chacune

Cliquez une couleur pour voir HEX, RGB et HSL — puis utilisez-la dans d'autres outils

À propos des codes couleur HEX

Les codes couleur HEX sont une notation hexadécimale pour les couleurs RGB, largement utilisée en design web et en CSS. Chaque code est une chaîne de 6 caractères (ex. #FF6B6B) représentant les composantes rouge, vert et bleu sur une échelle 0–255. Les couleurs de cet explorateur sont organisées par famille de teinte et gradation (50–900), suivant la convention de Tailwind CSS.

FAQ

Un code HEX est un code à 6 chiffres pour représenter des couleurs en design web et CSS. Il commence par # suivi de trois paires de chiffres hex pour les valeurs rouge, vert et bleu (00–FF, équivalent à 0–255).

Les couleurs sont organisées en 12 familles de teinte et 10 gradations (50–900). Les gradations basses sont plus claires, les hautes plus foncées. Cette convention est utilisée par Tailwind CSS et Material Design.

La teinte (hue) est la couleur de base sur la roue chromatique. La saturation mesure la vivacité (0%=gris, 100%=pleinement saturé). La luminosité mesure la clarté (0%=noir, 50%=couleur pure, 100%=blanc).

Les numéros indiquent la luminosité : 50 est le plus clair, 500 est la version la plus "pure", 900 est très foncé. Cette échelle facilite la construction de systèmes de design cohérents.

HEX vers RGB : diviser le code en trois paires et convertir chacune de hex en décimal. Pour HSL, des calculs supplémentaires sont nécessaires. Utilisez notre convertisseur HEX→RGB pour des conversions instantanées.

Directement dans les propriétés CSS : color: #3B82F6; background-color: #ECFDF5. Vous pouvez aussi utiliser la notation HSL ou les variables CSS : --color-primary: #3B82F6.

L'explorateur contient 120 couleurs : 12 familles de teinte × 10 gradations (50–900), générées avec des valeurs HSL soigneusement calibrées.

À propos des codes couleur HEX

FAQ

Explorez notre réseau