Color converter
The free Vivlab color converter instantly translates a color between the HEX, RGB, HSL and HSV formats, with transparency (alpha) support.
Pick a color with the selector or type in a value: every format updates automatically.
Current color
#483aff
Preset colors
Understanding color formats
All these formats describe the same color, just in different ways. Here's what each one means.
HEX (hexadecimal)
The most common notation on the web. A # followed by 6 hexadecimal characters (0 to 9 then A to F): two for red, two for green, two for blue, like #483AFF. Two extra characters can encode transparency (#483AFF80). Compact and perfect for HTML and CSS.
RGB (Red, Green, Blue)
Describes a color by the intensity of three lights (red, green and blue), each ranging from 0 to 255. It's the model screens use: rgb(72, 58, 255). Add an alpha channel for transparency and you get rgba(72, 58, 255, 0.5).
HSL (Hue, Saturation, Lightness)
Built around how we actually perceive color. The hue places the color on the color wheel (0 to 360°), the saturation sets its intensity (0 to 100%), and the lightness runs from black to white (0 to 100%). Handy for lightening, darkening or desaturating a shade.
HSV (Hue, Saturation, Value)
Close to HSL and common in design software. Hue and saturation are the same, but the value (also called brightness) replaces lightness: at 0% the color is black, at 100% it's as vivid as it gets. It's the model behind most color pickers.
Alpha (transparency)
The alpha channel sets a color's opacity, from 0 (fully transparent) to 100% (fully opaque). You'll find it in rgba(), hsla() and in the 8-character HEX code.