Need to add screenshot of the result? See also Other articles Save the file and refresh your browser to see the result. Keep the layout and comments the way you prefer them.) /*** CSS Tutorial: Color page ***/īody (The layout and comments in your file probably differ from the file shown here. The More details boxes use this pale gray: background-color: #f4f4f4 Įdit your CSS file make the change shown here in bold, to give the initial letters a pale blue background.

Backgrounds can be set to transparent to explicitly remove any color, revealing the parent element’s background. You have already used the property on text.You can also use the property to change elements’ backgrounds. For information on matching system colors like Menu and ThreeDFace, see: CSS2 System Colors in the CSS Specification. For example, this is maroon (dark red): rgb(128, 0, 0)įor full details of how to specify colors, see: Colors in the CSS Specification. You can also specify a color using decimal RGB values in the range 0 – 255, or percentages. |Reduce the other components a little:|| #eef| RGB colors |If you make them exactly equal, you get gray:|| #ccc| |To reduce its saturation, make its components more equal:|| #c98| |To darken it, reduce all its components:|| #c74| |To make it more orange, add a little extra green:|| #fa7| |To make it paler, add some green and blue:|| #f77| With a little practice, you can adjust the three-digit colors manually for most purposes: You can usually get these six-digit hexadecimal codes from your graphics program or some other tool. The letters a – f represent the values 10 – 15:įor the full palette, specify two hexadecimal digits for each component: Beware of using color names that your reader’s browsers might not support.įor a larger palette, specify the red, green and blue components of the color you want by using a number sign (hash) and three hexadecimal digits in the range 0 – 9, a – f. Your browser might support many more named colors, like:įor details of this extended list, see: SVG color keywords in the CSS 3 Color Module. Some of the names might not be what you expect: In this tutorial so far, you have used a limited number of named colors. This article explains in detail the different ways you can specify color in CSS.

Basic css color codes