Color Converter

Convert between different color formats (HEX, RGB, HSL, OKLCH, RGBA, HSLA).

Color Picker
Select or enter a color
HEX
Hexadecimal color code
RGB
Red, Green, Blue values (0-255)
HSL
Hue, Saturation, Lightness
OKLCH
Modern perceptual color space
RGBA
RGB with Alpha (transparency)
HSLA
HSL with Alpha (transparency)
Color Presets
Select from commonly used colors
CSS Variables
Variable format for use in CSS
Color Format Explanations

HEX (Hexadecimal)

#RRGGBB format with each color channel in 00-FF (0-255) range. Most widely used on the web.

RGB

Red, Green, and Blue values in the 0-255 range. Intuitive and easy to understand.

HSL

Hue, Saturation, and Lightness. Intuitive for color adjustments.

OKLCH

A modern perceptual color space. Composed of Lightness (L), Chroma (C), and Hue (H), designed to be closer to human vision.

RGBA/HSLA

RGB/HSL with an Alpha (transparency) channel. Ranges from 0 (fully transparent) to 1 (fully opaque).

CSS Variables

Reusable variable format for use in CSS. Useful for theming systems.

    Color Converter