Color Properties

Opacité

Le degré auquel une couleur ou un élément bloque le contenu situé derrière lui, où 100 % est totalement opaque et 0 % est totalement transparent.

Opacity is the inverse of transparency. In CSS, opacity can be set using the opacity property (which affects the entire element and its children) or using alpha-channel color values like rgba() and hsla(). Opacity is essential for creating layered visual effects, overlay patterns, glass-morphism designs, and subtle background tints. When compositing semi-transparent colors, the visible result depends on both the foreground color and whatever is behind it, following the alpha compositing formula defined by Porter and Duff.

Essayez

Convertisseur de couleurs

Convertissez instantanément entre les formats de couleur HEX, RGB, HSL, HSV, CMYK et OKLCH.

Articles associés

CSS color-mix() : mélanger des couleurs nativement dans le navigateur

Apprenez à utiliser CSS color-mix() pour mélanger des couleurs nativement dans le navigateur. Maîtrisez la syntaxe, les espaces colorimétriques, les cas d'usage pratiques et créez des palettes dynamiques sans JavaScript.

Créer un sélecteur de couleur Web Component from scratch

Créez un sélecteur de couleur accessible en tant que Web Component. Implémentez le rendu canvas, les curseurs de teinte, les canaux alpha et les événements personnalisés avec Shadow DOM.

Émeraude, jade et vert forêt : guide comparatif des verts

Comparez l'émeraude (#50C878), le jade (#00A86B) et le vert forêt (#228B22). Découvrez les différences visuelles et les codes hexadécimaux de ces nuances de vert populaires.

Fonction CSS light-dark() : bascule de thème native

Utilisez CSS light-dark() pour une bascule de thème native. Remplacez les bascules JavaScript et les media queries par une seule fonction CSS pour les couleurs en modes clair et sombre.

La séparation des couleurs expliquée : préparer les fichiers pour l'impression

Comprenez la séparation des couleurs CMJN, les plaques de tons directs, le recouvrement et les repères de repérage. Préparez des fichiers prêts à imprimer avec des séparations de couleurs correctes.

Animation des couleurs en CSS : transitions et images clés

Maîtrisez l'animation des couleurs en CSS avec les transitions, les animations en images clés, la rotation de teinte HSL, l'interpolation OKLCH pour une fluidité perceptuelle et les bonnes pratiques de performance.