Free tools

RGB to HSL Converter

Free RGB to HSL converter. Enter red, green, and blue values and instantly get the hue, saturation, and lightness with a live color preview.

Red (0–255)

Green (0–255)

Blue (0–255)

Hue (°)

Saturation (%)

Lightness (%)

CSS value: hsl(14, 100%, 60%)

Switch to HSL to RGB

Convert RGB to HSL with Our Free Online Tool

Enter red, green, and blue values (0–255) and instantly see the equivalent HSL (hue, saturation, lightness) values. A color swatch previews the result live as you type.

Why Use HSL Instead of RGB?

HSL is often easier to work with when adjusting colors programmatically. Increasing lightness brightens a color; changing hue rotates it around the color wheel. This makes HSL a natural fit for creating color palettes, hover states, and theming in CSS.

RGB to HSL Conversion Formula

Normalize R, G, B to 0–1, find max and min, then:

L = (max + min) / 2
S = delta / (1 − |2L − 1|) where delta = max − min
H depends on which channel is maximum

Common RGB to HSL Conversions

R	G	B	H (°)	S (%)	L (%)
0	0	0	0	0	0
255	255	255	0	0	100
255	0	0	0	100	50
0	255	0	120	100	50
0	0	255	240	100	50
128	128	128	0	0	50
255	87	51	14	100	60
52	152	219	204	70	53
46	204	113	145	63	49
155	89	182	283	39	53

Super tools

Welcome to Super Tools! We're here to provide you with a collection of easy-to-use tools and utilities to help make your day-to-day tasks a little bit easier.

About Super Tools

Whether you need to quickly count the number of characters in a block of text, convert measurements from pixels to inches, or generate a catchy business name, you'll find what you need right here.

Our goal is to create a one-stop-shop for all your basic productivity needs. We've carefully curated a set of practical, user-friendly tools that are accessible to everyone. No complicated setups or confusing interfaces - just simple solutions to common problems.

Feel free to explore our growing suite of free tools and let us know if there's anything else we can do to help streamline your workflow. We're always happy to hear your feedback and suggestions.

Is Super Tools free?

Our suite of productivity tools is 100% free for anyone to use. We believe everyone should have access to helpful utilities that can save time and make life easier. Whether you're a student, freelancer, small business owner, or just someone looking to simplify certain tasks, you can take advantage of our free character counters, unit converters, name generators, and more without paying a dime. Our commitment to providing valuable, cost-free resources is central to our mission. You'll never encounter paywalls, subscriptions, or hidden fees on our site - just high-quality tools that you can use at no charge. Explore our growing collection of free online utilities today and discover how they can streamline your workflows and boost your productivity.

R	G	B	H (°)	S (%)	L (%)
0	0	0	0	0	0
255	255	255	0	0	100
255	0	0	0	100	50
0	255	0	120	100	50
0	0	255	240	100	50
128	128	128	0	0	50
255	87	51	14	100	60
52	152	219	204	70	53
46	204	113	145	63	49
155	89	182	283	39	53

R	G	B	H (°)	S (%)	L (%)
0	0	0	0	0	0
255	255	255	0	0	100
255	0	0	0	100	50
0	255	0	120	100	50
0	0	255	240	100	50
128	128	128	0	0	50
255	87	51	14	100	60
52	152	219	204	70	53
46	204	113	145	63	49
155	89	182	283	39	53

R	G	B	H (°)	S (%)	L (%)
0	0	0	0	0	0
255	255	255	0	0	100
255	0	0	0	100	50
0	255	0	120	100	50
0	0	255	240	100	50
128	128	128	0	0	50
255	87	51	14	100	60
52	152	219	204	70	53
46	204	113	145	63	49
155	89	182	283	39	53