Color Codes For HTML, CSS And Web Page Design

For your web page design or your web design company, you can easily pick colors with our color picker, or choose from a big list of color names and thousands of palettes. We also show you the secret codes (Hex, RGB, and HSL) for each color. It's super easy to use and will make your web page design look amazing!

Color Picker

Discover the best color harmonies with our advanced color picker, featuring captivating tints, shades, and tones. Utilize Hex color codes, RGB color codes, or HSL values to create eye-catching HTML styles, CSS styles, and SCSS styles

Click the choonen color from our picker to generate a full report explaining, mathematics behind it and showing all other related colors.

Color Chart

Our color chart offers easy-to-use color combinations. You can choose from flat design colors, Google's Material design scheme, and the classic web safe color palette. In addition, we provide Hex color codes to make it simple for you to use them.

ColorNameHex CodeRGB Code
IndianRed#CD5C5Crgb(205, 92, 92)
LightCoral#F08080rgb(240, 128, 128)
Salmon#FA8072rgb(250, 128, 114)
DarkSalmon#E9967Argb(233, 150, 122)
LightSalmon#FFA07Argb(255, 160, 122)

Color Names

We sort all the 140 HTML colors for you, so you don't have to worry about remembering them all. Our guide makes it easy for beginners to find the right color quickly, grouping them by shade for simple reference whenever you need it.

Color NameColorColor Code
Absolute Zero#0048ba
Acid Green#b0bf1a
Alizarin crimson#e32636

You can check the full color names tables.

HTML & CSS Tutorials

Just starting your website or need a refresher? Our tutorials section has something for everyone, from basic HTML and CSS color guides to more advanced techniques in SCSS.

HTML Color Name Amethyst (#9966cc) Text Font Color

                .bckColor {background-color:#ff0000; } 
                    .forColor {color:#ff0000; }
                    .bordercolor {border:3px solid #ff0000; }

HTML Color Name Amethyst (#9966cc) Background Color

                <div style="background-color:HTML Color Name Amethyst (#9966cc)">
                        Text on the HTML Color Name Amethyst (#9966cc) color

You can use click the color from color palettes or enter the url /color/hex code without # (example: /color-names/9966cc) to check all tutorials, and a full report about the sepcific color.

What are HTML Color Codes?

HTML color codes are codes used to specify colors in HTML and CSS. They allow web designers and developers to precisely define colors for elements on web pages.

RGB Color Codes

One common way to specify colors is using RGB (Red, Green, Blue) values. In HTML, these values range from 0 to 255 for each color component. For example:

<div style="color: rgb(255, 0, 0); background-color: rgb(255, 255, 0);">Red Text on Yellow Background</div>
<div style="color: rgb(0, 255, 0); background-color: rgb(0, 0, 255);">Green Text on Blue Background</div>

RGBA Color Codes

RGBA is similar to RGB, but with an additional alpha channel that specifies the opacity of the color. The alpha value ranges from 0 (fully transparent) to 1 (fully opaque). For example:

<div style="color: rgba(255, 0, 0, 0.5); background-color: rgba(255, 255, 0, 0.2);">Semi-transparent Red Text on Semi-transparent Yellow Background</div>
<div style="color: rgba(0, 255, 0, 0.7); background-color: rgba(0, 0, 255, 0.3);">Semi-transparent Green Text on Semi-transparent Blue Background</div>

Hexadecimal Color Codes

Another common method is to use hexadecimal color codes. Hexadecimal codes represent colors by specifying the intensity of red, green, and blue as a hexadecimal number. For example:

<div style="color: #FF0000; background-color: #FFFF00;">Red Text on Yellow Background</div>
<div style="color: #00FF00; background-color: #0000FF;">Green Text on Blue Background</div>

Named Colors

HTML also supports a set of named colors, such as "red", "green", "blue", etc. These names can be used directly in CSS styles. For example:

<div style="color: red; background-color: yellow;">Red Text on Yellow Background</div>
<div style="color: green; background-color: blue;">Green Text on Blue Background</div>

These are some of the common methods used to specify colors in HTML and CSS. Understanding and using these color codes effectively can greatly enhance the visual appeal of your web pages.

HTML Codes examples

Here are some html color names examples that are already available in css and html style tag.

ColorNameHex CodeRGB Code
IndianRed#CD5C5Crgb(205, 92, 92)
LightCoral#F08080rgb(240, 128, 128)
Salmon#FA8072rgb(250, 128, 114)
DarkSalmon#E9967Argb(233, 150, 122)
LightSalmon#FFA07Argb(255, 160, 122)
Crimson#DC143Crgb(220, 20, 60)
Red#FF0000rgb(255, 0, 0)
FireBrick#B22222rgb(178, 34, 34)
DarkRed#8B0000rgb(139, 0, 0)

You can check the list of html color names.

HTML Color Codes FAQ

What are the color codes in HTML?

Color codes in HTML are codes used to specify colors for elements on web pages. They include RGB (Red, Green, Blue) values, hexadecimal color codes, RGBA (Red, Green, Blue, Alpha) values, and named colors.

What are the official HTML colors?

HTML doesn't have "official" colors, but it supports a set of named colors such as "red", "green", "blue", etc. Additionally, developers can use RGB, hexadecimal, or RGBA values to specify colors.

How do you set color code in HTML?

To set a color code in HTML, you can use the "color" attribute within a style attribute or within a CSS stylesheet. For example:

<div style="color: red;">This text is red</div>
    .blue-text {
        color: blue;
<div class="blue-text">This text is blue</div>

What is color code in HTML chart?

A color code chart in HTML typically displays a range of colors along with their corresponding RGB, hexadecimal, or named color codes. Developers can refer to these charts to select colors for their web pages.