HTML Color Picker

Hover over the wheel of HTML Color Picker to view colors. Reload to clear.

Return to HTML Web Page Design to learn more about colors.

color wheel (hsv)
web-safe
web-safe
web-smart
web-smart
unsafe
unsafe

show full list | hide full list

Hover over the square to change saturation (left to right) and value (bottom to top) of the last hue.

Use the keyboard to rotate hue:
j rotates slowly counterclockwise,
k rotates quickly clockwise, and
l rotates slowly clockwise.

Jump to a primary or secondary color: red, green, blue, cyan, magenta, or yellow. The enter key will also add the current color to the pick list.

About HTML Color Picker and Web Smart Colors

This HTML color picker doesn't merely let you choose color palette for your website, it also provides you web smart color codes. What are web smart colors? These are colors that will be displayed consistently across different browsers and operation systems. This means that your colors will look the same on all screens.

You can recognize web smart colors by identical digit numbers in their code, like #FF00CC or #558800. The same applies to web safe colors. However while web safe colors are limited to 216 colors, web smart colors allow you to choose from 4,096 options!

What about unsafe colors? They might look great on your screen, but not on the other. It is better to avoid these colors. The good news however is that you almost always can find web smart alternative that is either almost identical or very close to the color of your choice.

Safe     Smart    Unsafe