How to convert HEX to RGB?

Enter a HEX code or use the color picker — RGB values update automatically.

How to convert RGB to HEX?

Adjust the R, G, B sliders or inputs and the HEX code updates in real time.

What is HSL color format?

HSL stands for Hue, Saturation, Lightness — useful for adjusting color brightness without changing the hue.

Yes. Click 'Save current color' to add up to 10 colors to your palette.

Is the color picker free?

Yes. WorkUtilities Color Picker is completely free with no signup.

← All Tools

Color Picker

Pick colors and get HEX, RGB, and HSL values instantly. Save your favorite colors to a palette.

Click to pick a color

HEX

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

Saved Colors

No saved colors yet.

How It Works

Pick

Use the color picker or enter a HEX/RGB value

Convert

Get HEX, RGB, and HSL values instantly

Copy

Click any value to copy it

Help Us Improve

Your feedback helps us build better tools.

About Color Picker Tool

Our free Color Picker lets you select any color and instantly get HEX, RGB, and HSL values. Perfect for web designers, developers, and content creators who need exact color codes for CSS, Figma, or brand guidelines.

All conversions happen in your browser with no server upload. Save up to 10 colors to your palette for quick access during a design session.

Useful for Indian freelancers building websites, students working on UI projects, social media creators matching brand colors, and anyone converting between color formats.

Read the full guide: Color and design tools every developer needs

When Should You Use Color Picker?

Web development

Get HEX and RGB values for CSS stylesheets and Tailwind config.

Design handoff

Convert colors between HEX, RGB, and HSL for design-to-dev workflows.

Brand colors

Save and reuse brand palette colors across projects.

Social media graphics

Match exact colors for Canva, Instagram, or YouTube thumbnails.

Accessibility checks

Adjust HSL lightness to improve text contrast on backgrounds.