Tints (Lighter)
Shades (Darker)
Color Harmony
Recently Used
About This Tool
The Zaberz Color Picker lets you pick any color and instantly get its HEX, RGB, and HSL codes. It also generates a set of tints and shades for building consistent UI palettes, plus complementary and analogous color suggestions to help you build a balanced color scheme for your designs.
How to Use
- 1 Pick a color using the color wheel or type a HEX code.
- 2 Copy the HEX, RGB, or HSL value you need.
- 3 Explore shades, tints, and harmony suggestions for your palette.
Frequently Asked Questions
HEX and RGB both describe a color by its red, green, and blue components, just in different formats. HSL describes a color by hue, saturation, and lightness, which can be more intuitive for adjusting a color's brightness or vibrancy.
A shade is a color mixed with black to make it darker, while a tint is a color mixed with white to make it lighter. Both are generated automatically from your selected color.
A complementary color sits opposite your chosen color on the color wheel, creating strong visual contrast, which is often used to make design elements stand out.