Loading ToolBox...
Loading ToolBox...
Translate colors between HEX, RGB, and HSL formats instantly. Essential for web designers and developers.
#3B82F6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
Computers store colors in various ways, but they all ultimately represent the same thing.HEX is concise and great for code. RGB is how screens actually light up pixels.HSL is how humans perceive color (Tint, Saturation, Brightness).
RGB is an additive color model in which red, green, and blue light are added together in various ways to reproduce a broad array of colors. The name of the model comes from the initials of the three additive primary colors. It is the dominant color model for computer monitors, TVs, and mobile screens.
HSL stands for Hue, Saturation, and Lightness. It was designed in the 1970s closely align with the way human vision perceives color-making attributes. In HSL, colors of each hue are arranged in a radial slice, around a central axis of neutral colors which ranges from black at the bottom to white at the top.
A hex triplet is a six-digit, three-byte hexadecimal number used in HTML, CSS, SVG, and other computing applications to represent colors. The bytes represent the red, green and blue components of the color. One byte represents a number in the range 00 to FF (in hexadecimal notation), or 0 to 255 in decimal notation. This represents the least (0) to the most (255) intensity of each of the color components.
HEX (Hexadecimal) is a 6-digit code used in HTML, CSS, and SVG to represent colors securely on the web.
RGB stands for Red, Green, Blue. It is an additive color model used for digital screens.
HSL stands for Hue, Saturation, Lightness. It is often more intuitive for designers to adjust color properties like brightness.