Device-cmyk() - Fonction CSS

device-cmyk()

Résumé des caractéristiques de la fonction device-cmyk()

Description rapide
Définit une couleur en fonction d'un périphérique, en spécifiant les valeurs cyan, magenta, jaune et noir.
Statut
Problèmes de compatibilité ⚠
Pourcentages
Calculés par rapport à la quantité d'encre maximale.
Module W3C
Module CSS - Couleurs
Références (W3C)
Statut du document: WD (document de travail)

Description de la fonction device-cmyk().

⚠
La fonction device-cmyk() a été décrite dans le niveau 5 du module CSS-Color, c'est à dire tout récemment. Elle n'est ps encore reconnue par les navigateurs.

Cette page sera prochainement complétée.

La fonction device-cmyk() définit une couleur à partir des quatre valeurs CMJN : Cyan, Magenta, Jaune, Noir, dépendantes d'un périphérique.

Cette fonction est utile lorsqu'une imprimante ou un autre périphérique CMJN n'est pas calibré, mais dont on connaît les dosages des différentes encres pour obtenir une couleur donnée. Cette connaissance est généralement le résultat d'essais expérimentaux. Il est possible d'envoyer ces valeurs au périphérique sans aucune conversion ni aucun traitement avec la fonction device-cmyk().

La valeur device-cmyk() peut être utilisée avec les propriétés suivantes :

  • accent-color : Définit la couleur des élément actifs, cochés.
  • background-color : Définit la couleur en arrière-plan.
  • border-color : Définit la couleur des bordures.
  • caret-color : Choisit la couleur du marqueur de texte (curseur clignotant).
  • color : Définit la couleur de l'avant plan (texte essentiellement).
  • column-rule-color : Définit la couleur des lignes de séparation de colonnes.
  • lighting-color : Définit la couleur de l'éclairage dans le contexte d'un filtre SVG.
  • outline-color : Définit la couleur du contour (outline).
  • scrollbar-color : Définit deux couleurs qui seront utilisées pour les barres de défilement.
  • text-decoration-color : Définit la couleur du trait de décoration (souligné, rayure...).
  • text-emphasis-color : Définit la couleur des caractères de mise en exergue.

Syntaxes de la fonction device-cmyk().

  • color:device-cmyk(0.1 0.7 0.4 0.5) color:device-cmyk(10% 70% 40% 50%) c m y k

    Ces quatre valeurs correspondent aux valeurs de cyan, magenta, jaune et noir à envoyer au périphérique. Ce sont, soit des nombres compris entre 0 et 1, soit des pourcentages compris entre 0% et 100%.

  • color:device-cmyk(0.1 0.7 0.4 0.5 / 0.5) color:device-cmyk(10% 70% 40% 50% / 50%) c m y b α

    Le cinquième paramètre α détermine l'opacité de la couleur : 1 ou 100% pour une opacité complète.

Simulateur avec la fonction device-cmyk()

background-color :

Support de la fonction device-cmyk().

La fonction device-cmyk() n'est encore reconnue par aucun navigateur (2024).

Historique de la fonction device-cmyk().

Voir aussi, à propos des couleurs.

Les spécifications CSS éditées par le W3C sont organisées en modules. La fonction device-cmyk() est décrite dans le module CSS Color Module, qui regroupe tout ce qui concerne la gestion des couleurs. Les définitions suivantes sont également décrites dans ce module :

Propriétés :

color
Définit la couleur de l'avant plan (texte essentiellement).
opacity
Définit l'opacité (inverse de la transparence) d'un élément et de ses descendants.

Fonctions :

color()
Définit une couleur dans un espace de couleurs autre que sRGB.
color-mix()
Effectue le mélange de deux couleurs dans un espace de couleurs donné.
hsl()
Détermine une couleur à partir des paramètres Teinte (Hue), Saturation et Luminosité, une alternative plus proche de notre mode de raisonnement.
hsla()
Détermine une couleur et sa transparence à partir des paramètres Teinte (Hue), Saturation, Luminosité et Alpha.
hwb()
Définit une couleur à partir de sa teinte et d'une dose de noir et de blanc.
lab()
Définit une couleur dans le système L*a*b*.
lch()
Définit une couleur dans le système L*C*H*.
oklab()
Définit une couleur dans le système L*a*b* avec une correction perceptive.
oklch()
Définit une couleur dans le système L*C*H* avec une correction perceptive.
rgb()
Détermine une couleur à partir des valeurs de Rouge, de Vert et de Bleu.
rgba()
Détermine une couleur et sa transparence à partir des valeurs de Rouge, de Vert, de Bleu et de la valeur Alpha.

Directives :

@color-profile
Spécifie un profil colorimétrique qui pourra ensuite être utilisé par la fonction color().

Descripteurs :

⚠
components
Utilisable avec la directive @color-profile.
⚠
rendering-intent
Descripteur utilisable avec la directive @color-profile. Définit la méthode de conversion d'un profil colorimétrique à un autre.