sepia()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

La fonction CSS sepia() convertit une image en sépia, lui donnant un aspect plus jaune/marron, voire vielli. Le résultat obtenu est une valeur de type <filter-function>.

Exemple interactif

Syntaxe

css
sepia(multiplicateur)

Paramètres

multiplicateur

L'intensité de la conversion indiquée sous la forme d'un nombre (<number>) ou d'un pourcentage (<percentage>). Une valeur de 100% permettra d'obtenir une image complètement sépia tandis qu'une valeur de 0% laissera l'image inchangée. Les valeurs entre 0% et 100% représenteront des conversions proportionnelles. Lors d'une interpolation, la valeur par défaut sera 0.

Exemples

Exemples de valeurs correctes pour sepia()

css
sepia(0);     /* Aucun effet */
sepia(.65);   /* 65% de sépia */
sepia(100%);  /* Complètement sépia */

Spécifications

Specification
Filter Effects Module Level 1
# funcdef-filter-sepia

Compatibilité des navigateurs

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
sepia()

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Voir aussi