Color Converter

Convert any color between HEX, RGB, and HSL. Pick a color or type a value — all formats stay in sync with a live preview.

Pick a color

HEX — e.g. #1d4ed8 or #abc

RGB — e.g. 29, 78, 216

HSL — e.g. 224, 76%, 48%

How it works

HEX is the six-digit code used in CSS and HTML, RGB describes a color by its red, green, and blue channels (0–255), and HSL describes it by hue (0–360°), saturation, and lightness — handy when you want to tweak brightness without changing the hue. Edit any field and the others update automatically.