Pick a color. Get every format. Generate palettes.
ColorPick is a free online color picker that lets you choose any color and instantly view its value in HEX, RGB, HSL, CSS, and Tailwind formats. Click any value to copy it to your clipboard. The tool also generates shades, tints, and complementary colors so you can build a complete palette without switching between apps. Everything runs in your browser, meaning your selections are never sent to a server.
HEX codes are the most common format for web colors, using six characters to represent red, green, and blue channels. RGB breaks the same information into three decimal values, which is useful for JavaScript and CSS functions. HSL describes color by hue, saturation, and lightness, making it easier to create consistent palettes because you can adjust brightness without changing the base hue. ColorPick displays all three formats simultaneously so you always have the one you need.
Shades are created by mixing a color with black, producing darker variations that work well for text, borders, and hover states. Tints mix the color with white, giving you lighter options ideal for backgrounds and subtle accents. Complementary colors sit on the opposite side of the color wheel and create strong visual contrast when paired together. ColorPick generates all of these automatically from your selected color.
Once you have chosen your palette, use the Gradient Generator to blend your colors into smooth CSS gradients. You can also apply your brand color to a custom Favicon to keep your website identity consistent across browser tabs.
Build smooth color transitions with our CSS gradient generator, create a favicon for your site using the favicon generator, or frame your designs with the screenshot mockup tool.
The color #2ECC71 has a HEX value of #2ECC71, an RGB value of rgb(46, 204, 113), and an HSL value of hsl(145, 63%, 49%).
Use the calculator above for other values, or visit the main tool.