Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

color-adjust - Propriété CSS

color-adjust
forced-color-adjust
print-color-adjust

Résumé des caractéristiques de la propriété color-adjust

Description rapide
Autorise ou non le navigateur à optimiser les couleurs
Statut
Obsolète
Type de valeur
Valeur prédéfinie
Valeurs prédéfinies
economy | exact
Pourcentages
Ne s'appliquent pas.
Valeur initiale
economy
Héritée par défaut
Oui
Type d'animation
Discrète : lors d'une animation, la propriété color-adjust passe d'une valeur à l'autre sans transition.
Module W3C
Module CSS - Ajustement des couleurs
Références (W3C)
Statut du document:: CR (document proposé pour la recommandation)

Description de la propriété color-adjust.

La propriété color-adjust n'a pas été totalement standardisée. Il peut y avoir des différences de traitement, même entre des navigateurs qui reconnaissent la propriété.

Reste aussi le fait que l'utilisateur peut, de façon prioritaire, choisir une option contradictoire. Le fonctionnement de la propriété color-adjust est donc relativement incertain.

Il est conseillé d'utiliser pour l'instant la propriété spécifique à l'optimisation des impressions : print-color-adjust.

color-adjust indique si le navigateur est autorisé à optimiser les couleurs. Actuellement cette optimisation concerne surtout l'impression, mais d'autres optimisations sont envisagées dans le futur, par exemple pour améliorer la lisibilité, même sur un écran.

Les cas de figure qui pourraient nécessiter une optimisation sont les suivants :

  • A l'impression, pour économiser de l'encre. Les grands aplats de couleurs consomment beaucoup d'encre. Le navigateur peut alors décider d'inverser les couleurs du premier-plan (texte) et de l'arrière-plan.
    Autre exemple : une impression du texte en gris sur une imprimante couleur utilise les trois cartouches d'encre rouge, verte et bleue, pour créer le gris, alors qu'une impression en noir n'aurait consommé que de l'encre noire.
  • Problème de lisibilité sur une impression en noir et blanc. Certaines couleurs peuvent être faciles à distinguer sur un écran en couleurs mais trop proches sur une impression monochrome.
  • A l'écran, lorsque la couleur du texte et la couleur de l'arrière-plan sont très proches l'une de l'autre, l'optimisation peut améliorer la lisibilité. Peu de navigateurs (voire aucun) effectuent une optimisation à l'écran.

color-adjust est une propriété résumée qui regroupe les propriétés suivantes :

  • print-color-adjust : optimisation des couleurs à l'impression.
  • forced-color-adjust : optimisation des couleurs à l'écran.

En ce qui concerne l'impression, l'utilisateur peut généralement désactiver l'impression des images d'arrière-plan et des aplats de couleur. Dans ce cas, les options choisies par l'utilisateur sont prioritaires : la propriété color-adjust n'a plus d'effet.

Syntaxes pour color-adjust.

  • color-adjust: economy;

    Valeur par défaut. Le navigateur est autorisé à optimiser les couleurs en vue d'économiser l'encre ou d'améliorer la lisibilité.

  • color-adjust: exact;

    Le navigateur doit imprimer les couleurs telles qu'elles sont définies par la feuille de styles. Cette valeur peut être utilisée lorsque les couleurs apportent une signification et n'ont pas uniquement un rôle esthétique.
    Cependant, l'utilisateur peut décider, au moment d'imprimer, d'opter pour l'option contraire.

  • color-adjust: initial; color-adjust: inherit; color-adjust: revert; color-adjust: revert-layer; color-adjust: unset;

    La valeur initiale est : economy.

Simulateur.

Si votre navigateur optimise les couleurs à l'écran, vous verrez une amélioration de la lisibilité du premier cadre. Pour l'impression vous devrez afficher l'aperçu et constater si le deuxième cadre s'imprime sur un fond noir ou pas. Le troisième cadre aura une image de fond ou pas, à l'impression ou sur l'aperçu.


forced-color-adjust :

print-color-adjust :

-webkit-print-color-adjust :

Ce texte est écrit dans une couleur très proche de celle de l'arrière-plan
Certains navigateurs changent l'une des couleurs pour améliorer la lisibilité.
Ce texte est écrit sur un fond noir, ce qui consomme beaucoup d'encre à l'impression.
Afficher l'aperçu avant impression pour voir l'effet de la propriété color-adjust.
L'arrière-plan de cet élément comporte une image. Afficher l'aperçu avant impression pour voir l'effet de la propriété color-adjust.

Prise en charge par les navigateurs (compatibilité).

La propriété color-adjust n'étant pas standardisée par le W3C, il est recommandé de l'utiliser avec précautions et de décliner les syntaxes avec les préfixes -moz- et -webkit-.

1
color-adjust
Estimation de la prise en charge en pourcentage du parc actuel.
20%

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Androïd Brower

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

Internet Explorer

Opéra

Opéra Mobile

Safari

Safari sur IOS

Samsung Internet

Voir aussi, dans le même module de standardisation que color-adjust.

Les spécifications CSS éditées par le W3C sont organisées en modules. color-adjust fait partie du Module CSS - Ajustement des couleurs (CSS Color Adjustment Module). Les définitions suivantes sont également décrites dans ce même module.

Propriétés.

Définit le mode d'ajustement des couleurs.
Indique si le navigateur doit optimiser les couleurs lors de l'impression du document.