COLOR TOOLS
Color Tools — HEX, RGB, HSL
Pick colors and convert between HEX, RGB and HSL formats. Generate shades, tints and ready-to-use color palettes for modern UI, web and product design.
- Use a color picker or randomize a color for inspiration.
- See HEX, RGB and HSL values instantly.
- Generate darker shades, lighter tints and harmonious palettes.
- Click any swatch to copy the HEX code.
Start by picking a color below — ideal for designers, frontend developers and theming systems.
Color Preview
Pick or randomize a color to explore its HEX/RGB/HSL values, shades, tints and matching palettes.
Values
Shades & Tints
Shades are darker versions of the base color (mixed with black). Tints are lighter versions (mixed with white). Click any bar to copy its HEX value.
Shades
Tints
Color Palettes
These palettes are calculated on the HSL color wheel. They’re helpful for designing themes, buttons, alerts and background/foreground pairs.