Loading Inkwell...
Convert colors between HEX, RGB, HSL and HSV formats with a live preview and instant copy buttons.
Convert your color
Color preview
#2B40BB
Red, Green, Blue
rgb(43, 64, 187)
Hue, Saturation, Lightness
hsl(231, 63%, 45%)
Hue, Saturation, Value
hsv(231, 77%, 73%)
Enter a HEX color into the input field and the converter will instantly calculate the corresponding RGB, HSL and HSV values. You can also edit the individual RGB, HSL or HSV components to create a different color. Use the copy buttons to quickly copy any color format to your clipboard.
Enter a valid HEX color such as #2B40BB.
View the equivalent RGB, HSL and HSV values instantly.
Copy any color format with one click.
Color formats describe colors using different mathematical models. HEX represents red, green and blue values as hexadecimal numbers. RGB describes those same three color channels using values from 0 to 255. HSL represents a color using hue, saturation and lightness, while HSV uses hue, saturation and value. This converter performs the mathematical transformations between these models so you can use the same color in different design and development environments.
A hexadecimal representation commonly used in CSS and web design.
Represents a color using red, green and blue channel values.
Describes colors using hue, saturation and lightness.
Describes colors using hue, saturation and value.
Different design tools, programming languages and CSS workflows may use different ways of representing colors. Converting between HEX, RGB, HSL and HSV makes it easier to move colors between design systems, websites, applications and graphics tools while keeping the same underlying color.
Convert colors for CSS and web interfaces.
Work with HSL when adjusting hue, saturation and lightness.
Use RGB values when working with graphics and APIs.
Quickly inspect and copy colors from a design.
HEX is a hexadecimal representation of an RGB color. A six-digit HEX color contains two hexadecimal digits for red, two for green and two for blue.
RGB stands for Red, Green and Blue. Each channel normally uses a value from 0 to 255, and the combination of the three values determines the resulting color.
HSL stands for Hue, Saturation and Lightness. It is often useful when you want to adjust the appearance of a color in a more intuitive way.
HSV stands for Hue, Saturation and Value. It represents a color using its hue, color intensity and brightness/value.
Yes. This converter lets you edit the RGB components, and the HEX value is updated automatically.
Yes. The converter runs directly in your browser and does not require an account for basic color conversion.
Wondering which color format to use in CSS, how HSL works, or how HEX and RGB relate to each other? Ask your question.