< HTML/CSS color codes for web editing >

HTML Color Code Generator

Ever needed a HTML color code but didn't have a graphic editing software to check the values?
With this little JavaScript you can choose the main colors or check your own values for your CSS styles and HTML web pages. Additionally, different color variations are created and you can change the RGB values step by step. So you can create all 16.7 million different colors available in RGB. (256 R x 256 G x 256 B)

Choose a color

... from the list of main HTML color codes ...

The main colors are: black, dark red, red, light red, dark blue, blue, light blue, dark green, green, light green, orange, pink, purple, violet, yellow, brown, turquoise, white. The color codes in hexadecimal are: #000000 #000080 #0000FF #008000 #008080 #0080FF #00FF00 #00FF80 #00FFFF #800000 #800080 #8000FF #808000 #808080 #8080FF #80FF00 #80FF80 #80FFFF #FF0000 #FF0080 #FF00FF #FF8000 #FF8080 #FF80FF #FFFF00 #FFFF80 #FFFFFF ... and converted into decimal: 00 16 32 48 64 80 96 112 128 144 160 176 192 208 224 240 256 255 and hex: 0 10 20 30 40 50 60 70 80 90 A0 B0 C0 D0 E0 F0 100 FF

... or by typing in your own RGB HTML/CSS color code (six digits: 0-9, A-F).
Change color to: #
darker <   > lighter

Convert color code/Change RGB value

... by changing the hexadecimal values (0-9, A-F) or decimal values (0-255).

Hex: Red: Green: Blue:
Dec: Red: Green: Blue:

Result

You can click on any color code to change the sample background or go back to your last color.

Sample Text: The quick brown fox jumps over the lazy dog.
Present color code: #xxxxxx Old color code: #xxxxxx (< undo)

The different color variantions are created in here. The 256 values for red, green and blue are calculated from low (00 - 0) to high (FF - 255) in steps of hex:20/dec:32 in a line and in steps of hex:10/dec:16 in a row. This is: 00 20 40 60 80 A0 C0 E0 FF in a line and: 0 10 20 30 40 50 60 70 80 90 A0 B0 C0 D0 E0 F0 FF in a row. You can change the hexadecimal values into decimal or calculate decimal back into hexadecimal to find out the right color code.

Options

Change the text color to black, grey or white or invert the actual color.

Remark

In the beginning of the Internet it was said to use only 16 main colors or 216 "web safe" colors. This was due to the limitations of graphic cards at the time beeing. Todays graphic cards can easily show 16.7 million different colors (24 bit) so we don't need to be considerate of it anymore.

Still, you should keep in mind that many people use wrong settings on their monitors. Often it is too dark or too bright. A nice orange color on your monitor might be an ugly, dirty yellow on another person's monitor.


Related topics: All 16M colors

Rate page:  
  3.88/5 Points (80 Ratings)
3.88/5 80