Aller au contenu
Aback Tools Logo

Référence des noms de couleurs HTML

Parcourez, recherchez et copiez les 148 couleurs nommées HTML et CSS avec les notes de support du navigateur, les indicateurs de compatibilité de messagerie et les badges de couleur sécurisés pour le Web. Filtrez par HTML standard 4.01, CSS étendu ou couleurs sécurisées pour les e-mails. Cliquez sur n'importe quelle carte pour copier instantanément le nom de la couleur ou la valeur HEX. Entièrement privé, 100 % gratuit et aucune inscription requise.

HTML Color Names Reference

Complete reference of all 147 HTML and CSS named colors with browser support notes, email compatibility, and web-safe color indicators. Search by name or HEX value.

Showing 147 of 147 colors

Browser: Full support Email: 21 safe
#00FFFF

Aqua

aqua

EmailBrowserWeb SafeHTML 4.01
#000000

Black

black

EmailBrowserWeb SafeHTML 4.01
#0000FF

Blue

blue

EmailBrowserWeb SafeHTML 4.01
#FF00FF

Fuchsia

fuchsia

EmailBrowserWeb SafeHTML 4.01
#808080

Gray

gray

EmailBrowserWeb SafeHTML 4.01
#008000

Green

green

EmailBrowserWeb SafeHTML 4.01
#00FF00

Lime

lime

EmailBrowserWeb SafeHTML 4.01
#800000

Maroon

maroon

EmailBrowserWeb SafeHTML 4.01
#000080

Navy

navy

EmailBrowserWeb SafeHTML 4.01
#808000

Olive

olive

EmailBrowserWeb SafeHTML 4.01
#800080

Purple

purple

EmailBrowserWeb SafeHTML 4.01
#FF0000

Red

red

EmailBrowserWeb SafeHTML 4.01
#C0C0C0

Silver

silver

EmailBrowserWeb SafeHTML 4.01
#008080

Teal

teal

EmailBrowserWeb SafeHTML 4.01
#FFFFFF

White

white

EmailBrowserWeb SafeHTML 4.01
#FFFF00

Yellow

yellow

EmailBrowserWeb SafeHTML 4.01
#F0F8FF

Aliceblue

aliceblue

EmailBrowser
#FAEBD7

Antiquewhite

antiquewhite

EmailBrowser
#7FFFD4

Aquamarine

aquamarine

EmailBrowser
#F0FFFF

Azure

azure

EmailBrowser
#F5F5DC

Beige

beige

EmailBrowser
#FFE4C4

Bisque

bisque

EmailBrowser
#FFEBCD

Blanchedalmond

blanchedalmond

EmailBrowser
#8A2BE2

Blueviolet

blueviolet

EmailBrowser
#A52A2A

Brown

brown

EmailBrowser
#DEB887

Burlywood

burlywood

EmailBrowser
#5F9EA0

Cadetblue

cadetblue

EmailBrowser
#7FFF00

Chartreuse

chartreuse

EmailBrowser
#D2691E

Chocolate

chocolate

EmailBrowser
#FF7F50

Coral

coral

EmailBrowser
#6495ED

Cornflowerblue

cornflowerblue

EmailBrowser
#FFF8DC

Cornsilk

cornsilk

EmailBrowser
#DC143C

Crimson

crimson

EmailBrowser
#00FFFF

Cyan

cyan

EmailBrowserWeb Safe
#00008B

Darkblue

darkblue

EmailBrowser
#008B8B

Darkcyan

darkcyan

EmailBrowser
#B8860B

Darkgoldenrod

darkgoldenrod

EmailBrowser
#A9A9A9

Darkgray

darkgray

EmailBrowser
#006400

Darkgreen

darkgreen

EmailBrowser
#A9A9A9

Darkgrey

darkgrey

EmailBrowser
#BDB76B

Darkkhaki

darkkhaki

EmailBrowser
#8B008B

Darkmagenta

darkmagenta

EmailBrowser
#556B2F

Darkolivegreen

darkolivegreen

EmailBrowser
#FF8C00

Darkorange

darkorange

EmailBrowser
#9932CC

Darkorchid

darkorchid

EmailBrowser
#8B0000

Darkred

darkred

EmailBrowser
#E9967A

Darksalmon

darksalmon

EmailBrowser
#8FBC8F

Darkseagreen

darkseagreen

EmailBrowser
#483D8B

Darkslateblue

darkslateblue

EmailBrowser
#2F4F4F

Darkslategray

darkslategray

EmailBrowser
#2F4F4F

Darkslategrey

darkslategrey

EmailBrowser
#00CED1

Darkturquoise

darkturquoise

EmailBrowser
#9400D3

Darkviolet

darkviolet

EmailBrowser
#FF1493

Deeppink

deeppink

EmailBrowser
#00BFFF

Deepskyblue

deepskyblue

EmailBrowser
#696969

Dimgray

dimgray

EmailBrowser
#696969

Dimgrey

dimgrey

EmailBrowser
#1E90FF

Dodgerblue

dodgerblue

EmailBrowser
#B22222

Firebrick

firebrick

EmailBrowser
#FFFAF0

Floralwhite

floralwhite

EmailBrowser
#228B22

Forestgreen

forestgreen

EmailBrowser
#DCDCDC

Gainsboro

gainsboro

EmailBrowser
#F8F8FF

Ghostwhite

ghostwhite

EmailBrowser
#FFD700

Gold

gold

EmailBrowser
#DAA520

Goldenrod

goldenrod

EmailBrowser
#ADFF2F

Greenyellow

greenyellow

EmailBrowser
#808080

Grey

grey

EmailBrowserWeb Safe
#F0FFF0

Honeydew

honeydew

EmailBrowser
#FF69B4

Hotpink

hotpink

EmailBrowser
#CD5C5C

Indianred

indianred

EmailBrowser
#4B0082

Indigo

indigo

EmailBrowser
#FFFFF0

Ivory

ivory

EmailBrowser
#F0E68C

Khaki

khaki

EmailBrowser
#E6E6FA

Lavender

lavender

EmailBrowser
#FFF0F5

Lavenderblush

lavenderblush

EmailBrowser
#7CFC00

Lawngreen

lawngreen

EmailBrowser
#FFFACD

Lemonchiffon

lemonchiffon

EmailBrowser
#ADD8E6

Lightblue

lightblue

EmailBrowser
#F08080

Lightcoral

lightcoral

EmailBrowser
#E0FFFF

Lightcyan

lightcyan

EmailBrowser
#FAFAD2

Lightgoldenrodyellow

lightgoldenrodyellow

EmailBrowser
#D3D3D3

Lightgray

lightgray

EmailBrowser
#90EE90

Lightgreen

lightgreen

EmailBrowser
#D3D3D3

Lightgrey

lightgrey

EmailBrowser
#FFB6C1

Lightpink

lightpink

EmailBrowser
#FFA07A

Lightsalmon

lightsalmon

EmailBrowser
#20B2AA

Lightseagreen

lightseagreen

EmailBrowser
#87CEFA

Lightskyblue

lightskyblue

EmailBrowser
#778899

Lightslategray

lightslategray

EmailBrowser
#778899

Lightslategrey

lightslategrey

EmailBrowser
#B0C4DE

Lightsteelblue

lightsteelblue

EmailBrowser
#FFFFE0

Lightyellow

lightyellow

EmailBrowser
#32CD32

Limegreen

limegreen

EmailBrowser
#FAF0E6

Linen

linen

EmailBrowser
#66CDAA

Mediumaquamarine

mediumaquamarine

EmailBrowser
#0000CD

Mediumblue

mediumblue

EmailBrowser
#BA55D3

Mediumorchid

mediumorchid

EmailBrowser
#9370DB

Mediumpurple

mediumpurple

EmailBrowser
#3CB371

Mediumseagreen

mediumseagreen

EmailBrowser
#7B68EE

Mediumslateblue

mediumslateblue

EmailBrowser
#00FA9A

Mediumspringgreen

mediumspringgreen

EmailBrowser
#48D1CC

Mediumturquoise

mediumturquoise

EmailBrowser
#C71585

Mediumvioletred

mediumvioletred

EmailBrowser
#191970

Midnightblue

midnightblue

EmailBrowser
#F5FFFA

Mintcream

mintcream

EmailBrowser
#FFE4E1

Mistyrose

mistyrose

EmailBrowser
#FFE4B5

Moccasin

moccasin

EmailBrowser
#FFDEAD

Navajowhite

navajowhite

EmailBrowser
#FDF5E6

Oldlace

oldlace

EmailBrowser
#6B8E23

Olivedrab

olivedrab

EmailBrowser
#FFA500

Orange

orange

EmailBrowser
#FF4500

Orangered

orangered

EmailBrowser
#DA70D6

Orchid

orchid

EmailBrowser
#EEE8AA

Palegoldenrod

palegoldenrod

EmailBrowser
#98FB98

Palegreen

palegreen

EmailBrowser
#AFEEEE

Paleturquoise

paleturquoise

EmailBrowser
#DB7093

Palevioletred

palevioletred

EmailBrowser
#FFEFD5

Papayawhip

papayawhip

EmailBrowser
#FFDAB9

Peachpuff

peachpuff

EmailBrowser
#CD853F

Peru

peru

EmailBrowser
#FFC0CB

Pink

pink

EmailBrowser
#DDA0DD

Plum

plum

EmailBrowser
#B0E0E6

Powderblue

powderblue

EmailBrowser
#663399

Rebeccapurple

rebeccapurple

EmailBrowser
#BC8F8F

Rosybrown

rosybrown

EmailBrowser
#4169E1

Royalblue

royalblue

EmailBrowser
#8B4513

Saddlebrown

saddlebrown

EmailBrowser
#FA8072

Salmon

salmon

EmailBrowser
#F4A460

Sandybrown

sandybrown

EmailBrowser
#2E8B57

Seagreen

seagreen

EmailBrowser
#FFF5EE

Seashell

seashell

EmailBrowser
#A0522D

Sienna

sienna

EmailBrowser
#87CEEB

Skyblue

skyblue

EmailBrowser
#6A5ACD

Slateblue

slateblue

EmailBrowser
#708090

Slategray

slategray

EmailBrowser
#708090

Slategrey

slategrey

EmailBrowser
#FFFAFA

Snow

snow

EmailBrowser
#00FF7F

Springgreen

springgreen

EmailBrowser
#4682B4

Steelblue

steelblue

EmailBrowser
#D2B48C

Tan

tan

EmailBrowser
#D8BFD8

Thistle

thistle

EmailBrowser
#FF6347

Tomato

tomato

EmailBrowser
#40E0D0

Turquoise

turquoise

EmailBrowser
#EE82EE

Violet

violet

EmailBrowser
#F5DEB3

Wheat

wheat

EmailBrowser
#F5F5F5

Whitesmoke

whitesmoke

EmailBrowser
#9ACD32

Yellowgreen

yellowgreen

EmailBrowser

Pourquoi utiliser notre référence de noms de couleurs HTML ?

  • Base de données complète des noms de couleurs : accédez aux 148 couleurs nommées HTML et CSS dans une seule référence consultable. Chaque carte de couleur affiche le nom, la valeur HEX et l'échantillon visuel, ce qui facilite la recherche de la couleur parfaite pour n'importe quel projet - des couleurs HTML 4.01 standard aux couleurs nommées CSS étendues.
  • Compatibilité du navigateur et de la messagerie électronique : chaque entrée de couleur inclut la prise en charge du navigateur et des indicateurs de compatibilité du client de messagerie. Sachez en un coup d'œil quelles couleurs peuvent être utilisées en toute sécurité dans les e-mails HTML, lesquelles sont sécurisées pour le Web et quelles sont les couleurs HTML 4.01 standard prises en charge, même dans les navigateurs les plus anciens.
  • Filtrage et recherche intelligents : affinez rapidement les couleurs par catégorie - HTML 4.01 standard, CSS étendu ou Email-Safe. Recherchez par nom ou par valeur HEX avec des résultats instantanés. La grille claire et réactive facilite la navigation et la comparaison des couleurs sur n'importe quel appareil.
  • 100 % gratuit et axé sur la confidentialité : la référence des noms de couleurs HTML fonctionne entièrement dans votre navigateur sans aucune donnée envoyée à un serveur. Parcourez, recherchez et copiez les couleurs instantanément. Aucune inscription requise, aucun suivi, aucune limite - entièrement gratuit pour tous vos projets.

Cas d'utilisation courants de la référence des noms de couleurs HTML

  • Développement Web et CSS : trouvez rapidement la couleur nommée exacte dont vous avez besoin pour vos feuilles de style CSS. Utilisez le bouton Copier pour saisir instantanément le nom de la couleur ou la valeur HEX, puis collez-le directement dans votre code. Parfait pour le prototypage rapide et le style de production.
  • Conception de newsletter par e-mail : assurez-vous que vos conceptions d'e-mails s'affichent correctement sur tous les clients de messagerie. Filtrez par couleurs sécurisées pour les e-mails pour éviter les problèmes de compatibilité avec Outlook, Gmail et Apple Mail. Utilisez les indicateurs de support du navigateur pour choisir des couleurs qui fonctionnent partout.
  • Compatibilité entre navigateurs : vérifiez la prise en charge du navigateur pour chaque couleur nommée avant de l'utiliser dans votre projet. Bien que tous les navigateurs modernes prennent en charge l'ensemble complet de couleurs nommé CSS, savoir quelles couleurs sont standard HTML 4.01 aide lors du ciblage des navigateurs plus anciens et des systèmes existants.
  • Développement du système de conception : référencez les couleurs nommées lors de la création de jetons de couleur du système de conception. Les couleurs nommées fournissent une signification sémantique et sont plus faciles à retenir que les codes hexadécimaux. Mappez les couleurs nommées sur vos jetons de conception pour des feuilles de style plus lisibles et plus maintenables.
  • Apprentissage du HTML et du CSS : parfait pour les étudiants et les débutants qui apprennent le développement Web. Explorez la gamme complète de couleurs nommées pour comprendre les conventions de dénomination des couleurs, les valeurs hexadécimales et les couleurs disponibles sans avoir à mémoriser des codes de couleur complexes.
  • Accessibilité et choix de couleurs : utilisez les échantillons de couleurs pour évaluer rapidement les combinaisons de couleurs en termes d'accessibilité. Les couleurs nommées facilitent la communication des choix de couleurs avec votre équipe et garantissent une utilisation cohérente des couleurs dans l'ensemble de votre projet.

Que sont les noms de couleurs HTML ?

Les noms de couleurs HTML sont des mots-clés prédéfinis qui représentent des couleurs spécifiques dans le développement Web. Initialement spécifiée dans la norme HTML 4.01 avec 16 couleurs de base (aqua, noir, bleu, fuchsia, gris, vert, citron vert, marron, marine, olive, violet, rouge, argent, sarcelle, blanc et jaune), la liste a été élargie dans le module de couleurs CSS niveau 3 pour inclure 147 couleurs nommées supplémentaires, portant le total à 147. Le niveau de couleur CSS 4 a ensuite ajouté rebeccapurple , en l'honneur de la fille d'Eric Meyer, portant le total à l'actuel. 148 couleurs nommées.

Contrairement aux codes de couleurs hexadécimaux ou RVB, les couleurs nommées sont intuitivement lisibles et mémorisables. Utiliser coral au lieu de #FF7F50 rend votre CSS plus descriptif et maintenable, en particulier lorsque vous travaillez en équipe ou lorsque la dénomination sémantique des couleurs est importante pour la cohérence du système de conception.

Comment fonctionne notre outil de référence

Notre référence des noms de couleurs HTML organise les 148 couleurs nommées dans une grille consultable et filtrable qui permet de trouver la bonne couleur rapidement et intuitivement. Voici comment cela fonctionne :

  1. Parcourir ou rechercher : faites défiler la grille de couleurs complète ou saisissez un nom (comme "corail" ou "rebeccapurple") ou une valeur HEX (comme #FF7F50) dans la barre de recherche. Les résultats sont mis à jour en temps réel au fur et à mesure que vous tapez, affichant instantanément les couleurs correspondantes.
  2. Filtrer par catégorie - Utilisez les puces de catégorie pour affiner les résultats : affichez uniquement les 16 couleurs HTML 4.01 standard, les couleurs nommées CSS étendues ou simplement les couleurs qui peuvent être utilisées en toute sécurité dans les e-mails HTML. Chaque filtre vous aide à trouver des couleurs adaptées à des cas d'utilisation spécifiques.
  3. Copie et utilisation – Chaque carte de couleur comprend des boutons de copie pour le nom de la couleur et la valeur HEX. Cliquez pour copier, puis collez directement dans votre CSS, HTML, modèle d'e-mail ou outil de conception. L'échantillon visuel vous donne un aperçu précis de l'apparence de la couleur.

Prise en charge du navigateur et compatibilité des e-mails

  • Prise en charge du navigateur : les 148 couleurs nommées CSS sont prises en charge dans tous les navigateurs modernes : Chrome, Firefox, Safari, Edge et Opera. Les 16 couleurs HTML 4.01 de base sont prises en charge dans pratiquement tous les navigateurs jamais créés, y compris Internet Explorer 3+. Les couleurs nommées CSS étendues sont prises en charge dans tous les navigateurs compatibles CSS3 (IE 9+).
  • Compatibilité des clients de messagerie : les 16 couleurs HTML 4.01 standard, ainsi que quelques couleurs étendues couramment utilisées comme l'orange, le marron, le rose et l'or, sont largement prises en charge par tous les clients de messagerie, notamment Outlook (ordinateur de bureau et Web), Gmail, Yahoo Mail et Apple Mail. Les couleurs étendues plus obscures peuvent ne pas s'afficher correctement dans le moteur de rendu Word d'Outlook et revenir à une couleur par défaut.
  • Couleurs Web-Safe : les couleurs marquées comme "Web Safe" font partie des 216 couleurs qui s'affichent de manière cohérente sur tous les moniteurs et navigateurs, sans tramage. Bien que moins critiques avec les écrans modernes, les couleurs sécurisées pour le Web restent utiles pour conserver une apparence cohérente sur les écrans plus anciens ou de qualité inférieure.
  • CSS Color Level 4 : La spécification CSS Color Level 4 moderne a introduit rebeccapurple (hex #663399) en 2014, en l'honneur de Rebecca, la fille d'Eric Meyer. Il s’agit de la couleur nommée la plus récemment ajoutée et elle est prise en charge dans tous les navigateurs modernes.

Confidentialité, sécurité et disponibilité

Votre vie privée est notre priorité. La référence des noms de couleurs HTML traite tout localement dans votre navigateur. Aucune donnée n'est envoyée à un serveur - vos recherches, filtres et sélections de couleurs ne quittent jamais votre appareil. L'outil est entièrement gratuit, sans inscription requise, sans limite d'utilisation et sans restrictions cachées. Utilisez-le en toute confiance pour des projets personnels, des sites Web commerciaux, des travaux clients ou à des fins éducatives.

Foire aux questions

Il existe 148 couleurs nommées en HTML et CSS combinés. La norme HTML 4.01 définissait à l'origine 16 couleurs de base. Le module de couleur CSS niveau 3 a ajouté 131 couleurs nommées étendues, portant le total à 147. Le niveau de couleur CSS 4 a ensuite ajouté rebeccapurple, en l'honneur de la fille d'Eric Meyer, pour un total final de 148 couleurs nommées prises en charge dans tous les navigateurs modernes.

Les 16 couleurs originales nommées HTML 4.01 sont : aqua, noir, bleu, fuchsia, gris, vert, citron vert, marron, marine, olive, violet, rouge, argent, sarcelle, blanc et jaune. Ces 16 couleurs sont prises en charge depuis les premiers navigateurs Web et sont universellement compatibles sur toutes les plateformes, y compris les clients de messagerie et les systèmes existants.

Non, les 148 couleurs nommées ne sont pas toutes sûres pour une utilisation par courrier électronique. Les 16 couleurs HTML 4.01 standard ainsi que les couleurs étendues couramment utilisées comme l'orange, le marron, le rose, l'or et le corail fonctionnent de manière fiable sur tous les principaux clients de messagerie. Les couleurs étendues plus obscures comme blanchedalmond, papayawhip ou rebeccapurple peuvent ne pas s'afficher correctement dans le moteur de rendu Word d'Outlook et peuvent revenir à une couleur par défaut.

Les couleurs Web sécurisées sont les 216 couleurs qui s'affichent de manière cohérente sur tous les moniteurs et systèmes d'exploitation, sans tramage ni décalage de couleur. Ils sont définis en utilisant uniquement les valeurs hexadécimales 00, 33, 66, 99, CC et FF pour chaque canal RVB. Alors que les couleurs sécurisées pour le Web étaient essentielles à l'ère des écrans 256 couleurs, les moniteurs modernes peuvent afficher des millions de couleurs, ce qui rend les couleurs sécurisées pour le Web moins importantes aujourd'hui.

Rebeccapurple (#663399) a été ajoutée au CSS Color Level 4 en 2014 pour honorer Rebecca Alison Meyer, la fille du développeur Web Eric Meyer, décédée d'un cancer du cerveau à l'âge de six ans. La couleur a été choisie parce que la couleur préférée de Rebecca était le violet et que #663399 était son code hexadécimal personnel. Il s’agit de la couleur nommée CSS la plus récemment ajoutée et elle est prise en charge dans tous les navigateurs modernes.

Oui, les noms de couleurs HTML peuvent être utilisés dans la plupart des attributs HTML qui acceptent des valeurs de couleur, y compris les attributs obsolètes bgcolor, text, link, vlink, alink et bordercolor. Ils peuvent également être utilisés dans l’attribut style et en CSS. Cependant, pour le développement Web moderne, il est recommandé d'utiliser CSS pour le style plutôt que pour les attributs de présentation HTML.

Oui, la référence des noms de couleurs HTML est entièrement gratuite et sans restrictions. Il n'y a aucune condition d'inscription, aucune limite d'utilisation et aucun frais caché. Toutes les données sont chargées et traitées localement dans votre navigateur - vos recherches et sélections ne quittent jamais votre appareil. Utilisez-le pour n'importe quel projet, y compris les sites Web commerciaux, le travail client ou l'apprentissage personnel.