Hex Color Suite

Seamlessly translate between Hex, RGB, and HSL color spaces. High-fidelity visual previews for professional web design and digital art.

Hex Color

RGB Representation

R / G / B

HSL Representation

hsl(160, 84%, 39%)

Color Informatics & Digital Light

Hexadecimal (Hex) colors are 6-digit representations of Red, Green, and Blue intensity. Each pair of digits (00-FF) translates to a decimal value between 0 and 255.

Additive Color Model: Digital screens use the RGB model, where light is added together to create color. Black is the absence of light (0, 0, 0), and White is the full combination of all primary light colors (255, 255, 255).

// CSS Example

.element {
  background: #10b981;
  color: rgb(16, 185, 129);
  border: 1px solid hsl(160, 84%, 39%);
}

HSL Advantages

Unlike RGB, HSL (Hue, Saturation, Lightness) is "perceptually uniform." It allows developers to easily create color palettes by keeping the Hue constant while varying Saturation or Lightness to create shades and tints.