Color Converter
Convert colors between HEX, RGB, HSL, and CMYK formats.
Web designers and developers work with multiple color formats depending on the context. HEX codes (like #3b82f6) are used in HTML and CSS. RGB values define red, green, and blue intensity for screens. HSL (hue, saturation, lightness) is more intuitive for adjusting colors. HSV (hue, saturation, value) is used in design tools like Photoshop and Figma. This color converter instantly translates between all four formats.
How to use this tool
- Enter a color value in any supported format: HEX, RGB, HSL, or HSV.
- The tool automatically detects the format and converts to all other formats simultaneously.
- Copy any output value by clicking on the field.
Frequently asked questions
What is the difference between HEX and RGB?
Both represent the same colors. RGB uses three decimal numbers (e.g. rgb(59, 130, 246)) while HEX uses a 6-character hexadecimal string (e.g. #3b82f6). HEX is shorthand for RGB in a different notation.
What is HSL color?
HSL stands for Hue, Saturation, and Lightness. Hue is the color angle (0–360°), saturation is how vivid the color is (0–100%), and lightness is how bright it is (0–100%). HSL is easier to reason about when adjusting colors in CSS.
How do I find the HEX code for a color?
Use a color picker in your browser devtools, Figma, or Photoshop to get a color's HEX code. Then paste it here to get RGB or HSL equivalents.
What is HSV?
HSV (Hue, Saturation, Value) is similar to HSL but defines brightness differently. It is the default color model in many graphic design applications. Value (V) ranges from 0 (black) to 100 (full color).