Example code In the CSS code above, there are three elements being defined. more than 16 million different colors to play with (256 x 256 x 256).Most modern monitors are capable of displaying at least 16384 different colors.Many years ago, when computers supported maximum 256 different colors, a list Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. The last parameter in the rgba() function can be a value from 0 to 1, and it defines the transparency of the color: 0 indicates full transparency, 1 indicates full color (no transparency). Shades of Gray. For example, let’s see how to change the color of the heading and paragraphs. W3Schools is optimized for learning, testing, and training. system colors).This is not important now, since most computers can display millions of Color Names Supported by All Browsers. La propriété background-color permet de définir la couleur utilisée pour l'arrière-plan d'un élément (celle-ci peut être une couleur transparente). Note.
We use cookies to improve user experience, and analyze website traffic. With CSS, a color is most often specified by: 1. a valid color name - like "red" 2. a HEX value - like "#ff0000" 3. an RGB value - like "rgb(255,0,0)" Look at CSS Color Valuesfor a complete list of possible color values. First thing you should know is that there are different types of In this snippet, you can find many different ways of adding a background color. It starts from blue, transitioning to green.


Gray colors are displayed using an equal amount of power to all of the light sources.To make it easy for you to select a gray color we have compiled a table of gray shades for you:An anomaly in the table above is that HTML Gray is darker than DarkGray.The color names of HTML / CSS was inherited from the HTML / CSS defined gray at the midpoint of the 8-bit gray scale (128,128,128).X11 defined gray to be (190,190,190); which is closer to HTML silver.All modern browsers accept both gray and grey, but early versions of Internet Explorer did not recognize greyIf you look at the color table below, you will see the result of varying

The background-colorproperty specifies the background color of an element. First thing you should know is that there are different types of HTML colors, such as Hex color codes, HTML color names, RGB and RGBa values, HSL colors, etc.To choose your preferred color use our Color Tools.. Let's see another example, where we add a background color with a color name value to the Gradient backgrounds let you create smooth transitions between two or more specified colors.The given example shows a linear gradient that starts from the left. There are gradients that are sharp transitions, in soft transitions. You can use CSS RGBA color code to give a transparent background color. Filters are commonly used to adjust the rendering of an image, a background, or a border. This spelling was inherited from the X11 standard. The background-color property sets the background color of an element. The table below shows a list of gray shades, the shades use equal amounts … would display the colors correctly when running a 256 color palette:If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail: In this snippet, you can find many different ways of adding a background color. You can create a background which will change its colors in the mentioned time. You can use more than 70 gray gradient background combinations in your design projects. of 216 "Web Safe Colors" was suggested as a Web standard (reserving 40 fixed CSS Code: background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);

So if we want to set an opacity of 80%, we would normal use 0.8 as our value, however for alpha hex value we need to do some calculations. Examples might be simplified to improve reading and basic understanding. For that, add the The percentages specify the animation length mentioned in "colorchange" (e.g. For example, To highlight text with HTML code and support for all browsers, set the background-color style, as shown in the example below, using the HTML tag.With the same code, you could also highlight one or more words within a paragraph to You can also create a CSS class and set the "background-color" attribute, as shown in the example below.If you want to use the "highlightme" class to highlight your text, you can create a tag in your HTML which references the CSS class.The CSS class or style class mentioned above could also be applied to a This whole paragraph of text is highlighted in yellow.this text is highlighted in yellow and probably caught your eye first.