Color Converter
Convert colors between HEX, RGB, HSL formats, and more.
What are HEX, RGB, and HSL color formats?
In web design and development, colors can be represented in various ways. This tool allows you to easily convert between the three most common formats:
- HEX (Hexadecimal): The most widespread format on the web, used in CSS. It is a 6-digit (sometimes 3 or 8) representation of an RGB color. Example:
#3b82f6. You can improve your code with our CSS Formatter. - RGB (Red, Green, Blue): Represents a color by specifying the intensity of Red, Green, and Blue, each with a value between 0 and 255. It is widely used in programming and graphic design. Example:
rgb(59, 130, 246). - HSL (Hue, Saturation, Lightness): Represents a color in a more human-intuitive way. Hue is the color itself (0-360° on the color wheel), Saturation is the purity of the color (0-100%), and Lightness is how light or dark it is (0-100%). It is extremely useful for creating variations of the same color (lighter, darker, or more/less saturated tones).