Search results
Learn how to use 140 color names in CSS to set the background-color and text color of any element. See the color names, hex values, color mixer and color picker for each color.
- HTML Color Picker
HTML Color Picker - CSS Colors - W3Schools
- CSS PX to Em Conversion
CSS PX to Em Conversion - CSS Colors - W3Schools
- CSS Units
CSS Units. CSS has several different units for expressing a...
- CSS Web Safe Fonts
CSS Web Safe Fonts - CSS Colors - W3Schools
- Accent-Color
Default value. The browser choose the accent color: Demo...
- Background-Image
Background-Image - CSS Colors - W3Schools
- CSS Functions Reference
Color Picker. Use our color picker to find different RGB,...
- CSS Default Values
Color Picker. Use our color picker to find different RGB,...
- Text Color
color: Specifies the text color. Look at CSS Color Values...
- CSS Entities
Well organized and easy to understand Web building tutorials...
- HTML Color Picker
Learn how to use color names in CSS to specify colors for your web pages. See the basic and extended color keywords, their hex and RGB values, and examples of how to apply them.
Color NameHex ValueRgb Valuealiceblue#F0F8FFrgb (240, 248, 255)antiquewhite#FAEBD7rgb (250, 235, 215)aqua#00FFFFrgb (0, 255, 255)aquamarine#7FFFD4rgb (127, 255, 212)Learn how to use 140 HTML color names in your web design and development. Find the Hex color codes and RGB values for each color name.
Learn how to use color names, RGB, HEX, HSL, RGBA, and HSLA values in CSS. See examples of background, text, and border colors with code and live demos.
Code sample
<h1 style="background-color:DodgerBlue;">Hello World</h1><p style="background-color:Tomato;">Lorem ipsum...</p>People also ask
What are some good color names for CSS?
What colors are available in CSS?
What are the different ways to specify color in CSS?
What are the different types of color formats in CSS?
- Overview
- Syntax
- Description
- Browser compatibility
- See also
The CSS data type is the name of a color, such as red, blue, black, or lightseagreen. Syntactically, a is an .
A value can be used anywhere a can be used.
Value
Named colors consists of standard colors, the transparent and currentcolor keywords.
transparent
The transparent keyword represents a fully transparent color. This makes the background behind the colored item completely visible. Technically, transparent is a shortcut for rgb(0 0 0 / 0%). To prevent unexpected behavior, such as in a , the current CSS spec states that transparent should be calculated in the alpha-premultiplied color space. However, be aware that older browsers may treat it as black with an alpha value of 0. The transparent keyword wasn't a true color in CSS Level 2 (Revision 1). It was a special keyword that could be used instead of a regular value on two CSS properties: background and border. It was essentially added to allow developers to override an inherited solid color. With the advent of alpha channels in CSS Colors Level 3, transparent was redefined as a true color. It can now be used wherever a value can be used.
All names specify a color in the sRGB color space. Although the names more or less describe their respective colors, they are essentially artificial, without a strict rationale behind the terms used.
The color keywords all represent plain, solid colors without transparency.
Several keywords are aliases for each other:
•aqua / cyan
•fuchsia / magenta
•darkgray / darkgrey
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
• : the data type of whose definition is a constituent part.
Color HTML / CSS Color Name Hex Code #RRGGBB Decimal Code (R,G,B) lawngreen #7CFC00: rgb(124,252,0) chartreuse #7FFF00: rgb(127,255,0) limegreen #32CD32: rgb(50,205,50) lime #00FF00: rgb(0.255.0) forestgreen #228B22: rgb(34,139,34) green #008000: rgb(0,128,0) darkgreen #006400: rgb(0,100,0) greenyellow: #ADFF2F: rgb(173,255,47) yellowgreen ...
Apr 25, 2024 · Named colors use the RGB model and are associated with the sRGB (srgb) color space. There are over 160 named colors. There are named colors of special interest: transparent sets a transparent color value, while currentcolor sets the current value of the CSS color property.