A six-digit code like #7c3aed describing red, green and blue amounts.

When should I use HSL?

HSL makes it easy to adjust lightness and saturation while keeping the same hue.

Yes. Processing happens in your browser. Nothing you enter is sent to our servers.

Yes. It is free, with no sign-up or usage limit.

Home › Design › Color Picker & Converter

Color Picker & Converter – Free Online Tool

Quick answer: Pick a color and get its HEX, RGB and HSL values to copy.

About this tool

Choose any color with the picker or type a HEX code to see matching RGB and HSL values. Useful for web design, branding and CSS.

How to use the Color Picker & Converter

Enter your text, choose your file or set the options in the tool above.
Click the action button for the result you want.
Copy or download the output. Nothing leaves your device.

HEX, RGB and HSL

The same color can be written in several ways. HEX, such as #2f6b4f, is the short code used in web design. RGB gives the red, green and blue amounts from 0 to 255. HSL describes hue (the color wheel angle), saturation and lightness, which is the easiest format for making a color lighter or darker.

How to use it

Click the color box to pick a shade, or type a six-digit HEX code starting with #. The three formats appear below, ready to copy into your CSS, design tool or document. Short three-digit codes such as #fff need to be written in full as #ffffff.

Design tips

Keep strong contrast between text and background. Dark text on a light surface, or the reverse, is easier to read.
Stick to one main color and one accent for a clean look.
Use HSL to build lighter and darker shades by changing only the lightness.

Why use ToolWorlds?

Free, with no registration
Private: runs in your browser
Works on phones, tablets and desktops

Frequently asked questions

What is a HEX color?: A six-digit code like #7c3aed describing red, green and blue amounts.
When should I use HSL?: HSL makes it easy to adjust lightness and saturation while keeping the same hue.
Is my data safe?: Yes. Processing happens in your browser. Nothing you enter is sent to our servers.
Is it free?: Yes. It is free, with no sign-up or usage limit.

Related tools

QR Code Generator – Create a QR code for any URL or text and download it as a PNG.
Word Counter – Count words, characters, sentences, paragraphs and reading time instantly.
Case Converter – Convert text to UPPERCASE, lowercase, Title Case, Sentence case, camelCase, snake_case or kebab-case.
Remove Duplicate Lines – Remove duplicate lines, sort lines A to Z, reverse order and delete empty lines.