Skip to main content
AIPULY

Color Picker & Converter

Pick any color and instantly see its HEX, RGB and HSL values, plus a matching shade and tint scale.

Choose a color visually or type a HEX code to get matching RGB and HSL values along with related shades.

How to use it

  1. 1Pick a color using the color swatch or type a HEX code.
  2. 2View the HEX, RGB and HSL equivalents.
  3. 3Copy any value, or click a shade to explore related colors.

Pick a color

Choose a color to see its HEX, RGB and HSL values plus a shade scale.

Color values

HEX

#4F46E5

RGB
rgb(79, 70, 229)
HSL
hsl(243, 75%, 59%)

Shades & tints

Frequently asked questions

What's the difference between HEX, RGB and HSL?
HEX and RGB describe a color by its red, green and blue components, while HSL describes it by hue, saturation and lightness — useful for adjusting shades intuitively.
What are shades and tints?
Shades are darker variations of a color (mixed with black) and tints are lighter variations (mixed with white), both useful for building color palettes.
Can I type a HEX code directly?
Yes, enter any valid 6-digit HEX code in the text field to see its converted values.

Something wrong with this tool or its numbers?

Report an issue

Recommended next

What people usually reach for after this tool.

Image Compressor

Shrink JPG, PNG and WebP images to a smaller file size right in your browser, no upload required.

Utilities

Image Resizer

Resize images to exact pixel dimensions or by percentage, with optional aspect-ratio locking.

Utilities

Image Format Converter

Convert images between JPG, PNG and WebP formats instantly in your browser.

Utilities

Related articles

Illustration of a QR code with a clear quiet zone around it
Utilities

Designing QR codes that actually scan in print

Contrast, quiet zones and error correction: the three variables that decide success.

4 min read
Illustration of rising bar charts and stacked coins representing freelance pricing
Business

How to price freelance work without guessing

A repeatable pricing method built on utilisation, target income and value-based adjustments.

7 min read
Illustration of a receipt with a percentage symbol representing VAT
Finance

VAT explained simply for small businesses

What VAT actually is, when you have to register, and how to keep the arithmetic painless.

6 min read

Popular tools

The calculators people reach for most.

All tools

New tools, every week

One short email when we ship something genuinely useful. No spam, unsubscribe anytime.