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
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
color | Chrome Support complet 1 | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet 3 | Opera Support complet 3.5 | Safari Support complet 1 | WebView Android Support complet 1 | Chrome Android Support complet 18 | Firefox Android Support complet 4 | Opera Android Support complet 10.1 | Safari iOS Support complet 1 | Samsung Internet Android Support complet 1.0 |
Légende
- Support complet
- Support complet
color-adjust property
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
color-adjust | Chrome
Support complet
49
| Edge
Support complet
79
| Firefox Support complet 48 | IE Aucun support Non | Opera
Support complet
15
| Safari
Support complet
6
| WebView Android
Support complet
49
| Chrome Android
Support complet
49
| Firefox Android Support complet 48 | Opera Android
Support complet
36
| Safari iOS
Support complet
6
| Samsung Internet Android
Support complet
5.0
|
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
- Cette fonctionnalité utilise un nom non-standard.
- Cette fonctionnalité utilise un nom non-standard.
opacity property
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer une pull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
opacity | Chrome Support complet 1 | Edge Support complet 12 | Firefox
Support complet
1
| IE Support complet 9 | Opera Support complet 9 | Safari
Support complet
2
| WebView Android Support complet 1 | Chrome Android Support complet 18 | Firefox Android Support complet 4 | Opera Android Support complet 10.1 | Safari iOS Support complet 1 | Samsung Internet Android Support complet 1.0 |
| Support for percentage opacity values | Chrome Support complet 78 | Edge Support complet 79 | Firefox Support complet 70 | IE Aucun support Non | Opera Aucun support Non | Safari Aucun support Non | WebView Android Support complet 78 | Chrome Android Support complet 78 | Firefox Android Aucun support Non | Opera Android Aucun support Non | Safari iOS Aucun support Non | Samsung Internet Android Support complet 12.0 |
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
- Des propriétés liées aux couleurs mais qui font partie d'autres spécifications :
- En CSS, les dégradés ne sont pas des couleurs mais des images.