CSS Color

CSS Color est un module des spécifications CSS qui décrit la gestion des couleurs, les types de donnée associés, la fusion des couleurs et la gestion de l'opacitié. Ce module ne contient pas l'ensemble des propriétés CSS qui prennent une valeur de type <color>, toutefois, ces propriétés dépendent des notions et règles définies dans cette spécification.

Référence

Propriétés

Types de données

Guides

Appliquer des couleurs à des éléments HTML grâce à CSS
Un guide décrivant comment utiliser CSS pour colorer différents types de contenu. Cet article couvre l'ensemble des propriétés CSS ayant trait aux couleurs.

Outils

Sélecteur de couleurs
Cet outil permet de créer, ajuster et tester des couleurs sur mesure.

Spécifications

Spécification État Commentaires
CSS Color Module Level 4 Version de travail  
CSS Color Module Level 3 Recommendation  
CSS Level 2 (Revision 1) Recommendation  
CSS Level 1 Recommendation Définition initiale.

Compatibilité des navigateurs

color property

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
colorChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 3Opera Support complet OuiSafari Support complet 1WebView Android Support complet 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet 1.0
Alpha color values (rgba(), hsla())Chrome Support complet 1Edge Support complet 12Firefox Support complet 3IE Support complet 9Opera Support complet 10Safari Support complet 3.1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 2Samsung Internet Android Support complet 1.0
RGBA hexadecimal notation (#RRGGBBAA, #RGBA)Chrome Support complet 62
Support complet 62
Support complet 52
Désactivée
Désactivée From version 52: this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Edge Aucun support NonFirefox Support complet 49IE Aucun support NonOpera Support complet 49
Support complet 49
Support complet 39
Désactivée
Désactivée From version 39: this feature is behind the Enable experimental Web Platform features preference.
Safari Support complet 9.1WebView Android Support complet 62Chrome Android Support complet 62
Support complet 62
Support complet 52
Désactivée
Désactivée From version 52: this feature is behind the Enable experimental Web Platform features preference. To change preferences in Chrome, visit chrome://flags.
Firefox Android Support complet 49Opera Android Support complet 47
Support complet 47
Support complet 41
Désactivée
Désactivée From version 41: this feature is behind the Enable experimental Web Platform features preference.
Safari iOS Support complet 9.3Samsung Internet Android Support complet 8.0
currentcolorChrome Support complet 1Edge Support complet 12Firefox Support complet 1.5IE Support complet 9Opera Support complet 9.5Safari Support complet 4WebView Android Support complet 37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 3.2Samsung Internet Android Support complet 1.0
Allow floats in rgb() and rgba()Chrome Support complet 66Edge Aucun support NonFirefox Support complet 52IE Aucun support NonOpera Support complet 53Safari Support complet 12.1WebView Android Support complet 66Chrome Android Support complet 66Firefox Android Support complet 52Opera Android Support complet 47Safari iOS Support complet 12.2Samsung Internet Android Support complet 9.0
HSL color values (hsl())Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 9Opera Support complet 9.5Safari Support complet 3.1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 2Samsung Internet Android Support complet 1.0
hsl() can accept alpha valuesChrome Support complet 65Edge Aucun support NonFirefox Support complet 52IE Aucun support NonOpera Support complet 52Safari Support complet 12.1WebView Android Support complet 65Chrome Android Support complet 65Firefox Android Support complet 52Opera Android Support complet 47Safari iOS Support complet 12.2Samsung Internet Android Support complet 9.0
Keyword color valuesChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 3
Notes
Support complet 3
Notes
Notes Internet Explorer 8 and later support gray color keywords spelled with an e (grey, darkgrey, darkslategrey, dimgrey, lightgrey, and lightslategrey). Internet Explorer 3 to Internet Explorer 7 only support the keywords spelled with a (gray, darkgray, darkslategray, dimgray, lightgray, and lightslategray).
Opera Support complet 3.5Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet 1.0
rebeccapurpleChrome Support complet 38Edge Support complet 12Firefox Support complet 33IE Support complet 11Opera Support complet 25Safari Support complet 9WebView Android Support complet 38Chrome Android Support complet 38Firefox Android Support complet 33Opera Android Support complet 25Safari iOS Support complet 8Samsung Internet Android Support complet 3.0
rgb() can accept alpha valuesChrome Support complet 65Edge Aucun support NonFirefox Support complet 52IE Aucun support NonOpera Support complet 52Safari Support complet 12.1WebView Android Support complet 65Chrome Android Support complet 65Firefox Android Support complet 52Opera Android Support complet 47Safari iOS Support complet 12.2Samsung Internet Android Support complet 9.0
RGB functional notation (rgb())Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 4Opera Support complet 3.5Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet 1.0
RGB hexadecimal notation (#RRGGBB, #RGB)Chrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 3Opera Support complet 3.5Safari Support complet 1WebView Android Support complet ≤37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet 1Samsung Internet Android Support complet 1.0
Space-separated functional color notationsChrome Support complet 65Edge Aucun support NonFirefox Support complet 52IE Aucun support NonOpera Support complet 52Safari Support complet 12.1WebView Android Support complet 65Chrome Android Support complet 65Firefox Android Support complet 52Opera Android Support complet 47Safari iOS Support complet 12.2Samsung Internet Android Support complet 9.0
transparentChrome Support complet 1Edge Support complet 12Firefox Support complet 3IE Support complet 9Opera Support complet 10Safari Support complet 3.1WebView Android Support complet 37Chrome Android Support complet 18Firefox Android Support complet 4Opera Android ? Safari iOS Support complet 2Samsung Internet Android Support complet 1.0

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Voir les notes d'implémentation.
Voir les notes d'implémentation.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.

color-adjust property

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
color-adjustChrome Support complet 49
Préfixée
Support complet 49
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Edge Aucun support NonFirefox Support complet 48IE Aucun support NonOpera Support complet 15
Préfixée
Support complet 15
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Safari Support complet 6
Préfixée
Support complet 6
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
WebView Android Support complet 49
Préfixée
Support complet 49
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Chrome Android Support complet 49
Préfixée
Support complet 49
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Firefox Android Support complet 48Opera Android ? Safari iOS Support complet 6
Préfixée
Support complet 6
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-
Samsung Internet Android Support complet 5.0
Préfixée
Support complet 5.0
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -webkit-

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Compatibilité inconnue  
Compatibilité inconnue
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

opacity property

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidFirefox pour AndroidOpera pour AndroidSafari sur iOSSamsung Internet
opacityChrome Support complet 1Edge Support complet 12Firefox Support complet 1
Support complet 1
Aucun support 1 — 3.5
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -moz-
IE Support complet 9Opera Support complet 9Safari Support complet 2
Support complet 2
Aucun support 1.1 — 2
Préfixée
Préfixée Nécessite l'utilisation d'un préfixe : -khtml-
WebView Android Support complet 1Chrome Android Support complet 18Firefox Android Support complet 4Opera Android Support complet 10.1Safari iOS Support complet 1Samsung Internet Android Support complet 1.0
Support for percentage opacity valuesChrome Support complet 78Edge Aucun support NonFirefox Support complet 70IE Aucun support NonOpera Aucun support NonSafari Aucun support NonWebView Android Support complet 78Chrome Android Support complet 78Firefox Android Aucun support NonOpera Android Aucun support NonSafari iOS Aucun support NonSamsung Internet Android Aucun support Non

Légende

Support complet  
Support complet
Aucun support  
Aucun support
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.
Cette fonctionnalité nécessite un préfixe particulier ou utilise un autre nom.

Voir aussi

Sujets associés