To the Top

HTML5 RGB Color Pickers/Table

Buy Me A Coffee

This provides many handy Javascript RGB Color pickers for HTML5/Web developers.

The RGB Color in HTML can be specified with the leading hash symbol followed by its HEX value. For example, color white is represented by #FFFFFF. It can be also specified directly using the color names. Another approach is to use the syntax RGB: (R, G, B) where R, G and B is a byte integer from 0 to 255 representing the percentage of red, green or blue.

HTML5 Color Picker

HTML5 provides a powerful color picker syntax. All you have to do is to set type to "color" for a input element. You might get different looks on different browsers, even on different platforms. For example:
<input type=color value="#FF0000"/>
If you are using HTML5 Browser e.g. Chrome or Firefox, you should see this working below:
Click the button to select color using HTML5 color dialog:

Simple Javascript Color Picker

Two Advanced Javascript Color Picker Implementations

Color Tables (Commonly-used Color Codes)

WHITE
: #FFFFFF = RGB(255, 255, 255)

MAROON
: #800000 = RGB(128, 0, 0)

GREEN
: #008000 = RGB(0, 128, 0)

GRAY
: #808080 = RGB(128, 128, 128)

RED
: #FF0000 = RGB(255, 0, 0)

FUCHSIA
: #800080 = RGB(128, 0, 128)

FUCHSIA
: #FF00FF = RGB(255, 0, 255)

OLIVE
: #808000 = RGB(128, 128, 0)

BLACK
: #000000 = RGB(0, 0, 0)

LIME
: #00FF00 = RGB(0, 255, 0)

YELLOW
: #FFFF00 = RGB(255, 255, 0)

AQUA
: #00FFFF = RGB(0, 255, 255)

TEAL
: #008080 = RGB(0, 128, 128)

BLUE
: #0000FF = RGB(0, 0, 255)

NAVY
: #000080 = RGB(0, 0, 128)

SILVER
: #C0C0C0 = RGB(192, 192, 192)

Share: List of Many Other Online Tools