HEX/RGB/HSL Converter

Convert colors between HEX, RGB, and HSL formats. Edit any format and see the others update.

How to use this HEX/RGB/HSL Converter

The HEX/RGB/HSL Converter helps you work with colors in three popular formats. To use it, start by entering a color value in any of the three input fields: HEX (like #FF5733), RGB (with separate R, G, B values from 0-255), or HSL (Hue 0-360, Saturation 0-100%, Lightness 0-100%). When you type in one field, the other formats automatically update to show the same color. The preview box at the top shows your current color visually. Use the copy buttons next to each format to copy that specific color value to your clipboard for use in your projects. This tool is perfect for converting between formats when working with different design tools or codebases that require specific color formats.