Color Converter

Convert colors between HEX, RGB, and HSL formats. Real-time conversion with visual preview.

Color Formats

Preview

Light Text
Sample Text
Dark Text
Sample Text

Color Formats Explained

HEX (Hexadecimal)

A 6-digit hexadecimal number used in HTML, CSS, and SVG. It represents the Red, Green, and Blue components of the color. Example: #FF5733.

RGB (Red, Green, Blue)

An additive color model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors. Values range from 0 to 255. Example: rgb(255, 87, 51).

HSL (Hue, Saturation, Lightness)

An alternative representation of the RGB color model. Hue is the degree on the color wheel (0-360), Saturation is the intensity (0-100%), and Lightness is how light or dark the color is (0-100%). Example: hsl(14, 100%, 60%).