HB Hex Color Code Generator

HTML Color Picke

Choosing Multiple Colors (optional) Choose/compare up to 3 colors. Click in a field below, then select a color from the color picker... Try it! Color 1: # ____ Color 2: # ____ Color 3: # ____

R H G S B V #

 

In HTML, you can specify color using its RGB value (using either hex or RGB notation), or by its color name.

The HTML color picker below makes it easy to choose colors for your website.

To use the HTML color picker:

1. Use the slider on the right to change the hue.


2. Click anywhere in the large square to pick a color.


3. Once you're happy with the color, copy the hexadecimal value from the bottom field (the series of 6 digits/letters in bold (for example #FFFFFF).

 

Color Code Examples

Here are some quick examples of the code needed to apply color to your HTML documents. More about HTML color codes here.

To specify text color:

color:#ff0000;<br />

To specify background color:

background-color:#ff0000;<br />

To specify border color:

border:1px solid #ff0000; <br />

HTML Color Picke

In HTML, you can specify color using its RGB value (using either hex or RGB notation), or by its color name.
The HTML color picker below makes it easy to choose colors for your website.
To use the HTML color picker:

1. Use the slider on the right to change the hue.
2. Click anywhere in the large square to pick a color.
3. Once you're happy with the color, copy the hexadecimal value from the bottom field (the series of 6 digits/letters in bold (for example #FFFFFF).

Choosing Multiple Colors (optional) Choose/compare up to 3 colors. Click in a field below, then select a color from the color picker... Try it! Color 1: # ____ Color 2: # ____ Color 3: # ____

R H G S B V #

Color Code Examples

Here are some quick examples of the code needed to apply color to your HTML documents. More about HTML color codes here.

To specify text color:
color:#ff0000;

To specify background color:
background-color:#ff0000;

To specify border color:
border:1px solid #ff0000;