Color Picker

Color Picker Form

This tool will help you identify the perfect CSS colors to apply to your HTML.

Pick a Color:


Selected Color:

Black Text


White Text


Selected colors in different formats


Information about Color Picker

About Color Picker

Digital color can be represented in a number of ways. The most common ways to represent color on the web are via a 6-digit HEX number, RGB, and HSL.

  • Hex - 6-digit, 24 bit, hexidecimal number that represents Red, Green, and Blue. An example of a Hex color representation is #123456, 12 is Red, 34 is Green, and 56 is Blue. There are 16 million possible colors. HEX color values are supported in all browsers.
  • RGB - RGB color value is specified with: red, green, blue. Each parameter defines the intensity of the color as an integer between 0 and 255. RGB color values are supported in all browsers.
  • HSL - stands for Hue, Saturation, and Lightness. The values are based on a position from the center of a color wheel. The value for Hue is from 0 to 360, representing the degrees on a color wheel. Saturation is the distance from the center of the color wheel. The L stands for Lightness, which represents the preceived liminance of the color. HSL was added in CSS3.

How it Works?

This tool Color Picker makes it easy to create customize colors for use on the Internet. Clicking or dragging your cursor inside the picker area or highlight a color on the right you can find your color code. As you adjust the parameters that define the color, it gets displayed in all 3 standard CSS formats. Also you can enter Hex, RGB or HSL codes to search your own color; in the tables below you can the swatch to add it to your palette.


Did you like this tool? You can donate to us. This will help us improve our free web tools.