Les couleurs en CSS.
Les couleurs CSS sont les mêmes que celles de HTML. Les 16 couleurs fondamentales ont un nom parlant (en anglais) qui est normalisé : elles sont reconnus par tous les navigateurs. Pour faire référence à une couleur non nommée, vous devrez utiliser le code hexadécimal. C'est bien sûr un peu moins parlant mais universel.
Voyez aussi notre synthétiseur de couleurs.
Définition des couleurs en CSS.
| red | La couleur est désignée par son nom. Il y a 132 noms de couleurs normalisés par le W3C (voir le nuancier ci-dessous). Ce noms sont maintenant reconnus par tous les navigateurs. |
| #rrvvbb |
La couleur est désignée par son code hexadécimal :
un dièse suivi de 6 digits.
Les deux premiers digits (de 00 à ff)
représentent la valeur de rouge,
les deux suivants le vert et les deux derniers le bleu.
En mélangeant dans des proportions différentes ces trois
couleurs de base, on peut obtenir toutes les couleurs.La notation hexadécimale est parfaitement reconnue par tous les navigateurs. Malheureusement, les codes ne sont pas très faciles à lire. Pour vous faciliter la tâche, vous pouvez vous reporter au nuancier ci-dessous. |
| #rvb |
La couleur est désignée par un code hexadécimal sur 3 digits.
Cette notation est une version simplifiée de la précédente,
qui offre cependant moins de nuances de couleurs.#fff est équivalent à #ffffff.#888 est équivalent à #888888.
|
| #rrvvbbaa |
La couleur est désignée par un code hexadécimal sur 8 digits.
Les deux derniers digits traduisent l'opacité de la couleur.#ff0000ff est du rouge totalement opaque (non transparent).#0000ff80 est du bleu semi-transparent.
|
| rgb(r,v,b) | La couleur est définie par trois nombres de 0 à 255 indiquant respectivement le taux de rouge, de vert et de bleu. |
| rgba(r,v,b,a) | La couleur est définie par trois nombre de 0 à 255 et un nombre de 0 à 1. Ce dernier paramètres (a) représente l'opacité de la couleur. Si a=0 la couleur est totalement transparente (invisible), si a=1 la couleur est totalement opaque. |
| hsl(t,s,l) |
La couleur est définie par :
|
| hsla(h,s,l,a) |
Identique à la notation précédente avec en plus l'opacité (a) :
un nombre de 0 à 1 indiquant l'opacité de la couleur. Si a=0, la couleur est totalement transparente. Si a=1, la couleur est totalement opaque. |
| currentColor |
Désigne la couleur courante, celle du texte, définie par la
propriété color.Si currentColor est appliquée à la propriété
color elle même, elle est équivalente à inherit.
|
| initial | Valeur initiale. |
| inherit | Même valeur que celle de l'élément parent. |
Couleurs nommées fondamentales.
Aqua
Black
Blue
Fuchsia
Gray
Green
Lime
Maroon
Navy
Olive
Purple
Red
Silver
Teal
White
Yellow
Autres couleurs nommées.
Ces noms risquent de ne pas être reconnus par tous les navigateurs. Le nuancier ci-dessous vous permettra de vérifier le degré de compatibilité de votre navigateur.
AliceBlue
AntiqueWhite
Aqua
AquaMarine
Azure
Beige
Bisque
Black
BlanchedAlmond
Blue
BlueViolet
Brown
BurlyWood
CadetBlue
Chartreuse
Chocolate
Coral
CornflowerBlue
Cornsilk
Crimson
DarkBlue
DarkCyan
DarkGoldenRod
DarkGray
DarkGreen
DarkKhaki
DarkMagenta
DarkOliveGreen
DarkOrange
DarkOrchid
DarkRed
DarkSalmon
DarkSeaGreen
DarkSlateBlue
DarkSlateGray
DarkTurquoise
DarkViolet
DeepPink
DeepSkyBLue
DimGray
DodgerBlue
Feldspar
FireBrick
FloralWhite
ForestGreen
Fuchsia
Gainsboro
GhostWhite
Gold
GoldenRod
Gray
Green
GreenYellow
HoneyDew
HotPink
IndianRed
Indigo
Ivory
Khaki
Lavender
LavenderBlush
LawnGreen
LemonChiffon
LightBlue
LightCoral
LightCyan
LightGoldenRodYellow
LightGreen
LightGrey
LightPink
LightSalmon
LightSeaGreen
LightSkyBlue
LightSlateBlue
LightSlateGray
LightSteelBlue
LightYellow
Lime
LimeGreen
Linen
Maroon
MediumAquaMarine
MediumBlue
MediumOrchid
MediumPurple
MediumSeaGreen
MediumSlateBlue
MediumSpringGreen
MediumTurquoise
MediumVioletRed
MidnightBlue
MintCream
MistyRose
Moccasin
NavajoWhite
Navy
OldLace
Olive
OliveDrab
Orange
OrangeRed
Orchid
PaleGoldenRod
PaleGreen
PaleTurquoise
PaleVioletRed
PapayaWhip
PeachPuff
Peru
Pink
Plum
PowderBlue
Purple
Red
RosyBrown
RoyalBlue
SaddleBrown
Salmon
SandyBrown
SeaGreen
SeaShell
Sienna
Silver
SkyBlue
SlateBlue
SlateGray
Snow
SpringGreen
SteelBlue
Tan
Teal
Thistle
Tomato
Turquoise
VioletRed
Wheat
White
WhiteSmoke
Yellow
YellowGreen
Couleurs système. 
Ces noms de couleurs étaient initialement disponibles pour faciliter l'intégration d'une page dans la charte du système d'exploitation. Ces fonctionalité est maintenant déclarée obsolète : évitez de l'utiliser.
ActiveBorder
ActiveCaption
AppWorkspace
Background
ButtonFace
ButtonHighlight
ButtonText
CaptionText
GrayText
Highlight
HighlightText
InactiveBorder
InactiveCaption
InfoBackground
InfoText
Menu
MenuText
Scrollbar
ThreeDDarkShadow
ThreeDFace
ThreeDHighlight
ThreeDLightShadow
ThreedShadow
Window
WindowFrame
WindowText
Trouver le nom d'une couleur.
Un synthétiseur de couleurs est maintenant disponible sur le site :
- Synthèses RVB et HSL.
- Prend en charge l'opacité.
- Donne les codes #RRVVBB, rgb(), rgba(), etc.
En poursuivant votre visite sur ce site, vous acceptez l’utilisation de cookies pour la réalisation de statistiques anonymes et l'affichage de publicités adaptées à vos centres d’intérêts.
Pour en savoir plus sur notre politique de confidentialité, reportez-vous à la page "vie privée" accessible depuis toutes les pages de ce site.
Lorsque vous aurez accepté les cookies, ce message ne vous sera plus représenté (sur ce même navigateur). Mais vous pouvez revenir sur votre choix à tout moment en affichant la page "Vie privée" accessible par le lien présenté en bas de toutes les pages de ce site.