CSS Color

CSS Color is a CSS module that deals with colors, color types, color blending, opacity, and how you can apply these colors and effects to HTML content. Not all CSS properties that take a <color> as a value are part of this module, but they do depend upon it.

Reference

Properties

• color
• color-adjust
• opacity

Data types

• <color>

Guides

Applying color to HTML elements using CSS

A guide to using CSS to apply color to a variety of types of content. All color-related CSS properties are touched upon.

Tools

Color picker tool

This tool makes it easy to create, adjust, and experiment with custom colors.

Specifications

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
CSS_Color	1	12	1 1-3.5	9	9	2 1.1-2	1	18	4	10.1	1	1.0
percentages	78	79	70	No	No	No	78	78	No	No	No	12.0

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
CSS_Color	49	79	48	No	15	6	49	49	48	36	6	5.0

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
CSS_Color	1	12	1	3	3.5	1	1	18	4	10.1	1	1.0

BCD tables only load in the browser

color-adjust property

BCD tables only load in the browser

opacity property

BCD tables only load in the browser

See also

• Color-related properties that are part of other specifications: background-color, border-color, outline-color, text-decoration-color, text-emphasis-color, text-shadow, caret-color, and column-rule-color
• In CSS, gradients aren't colors but images.