Color Converter
Convert between HEX, RGB, and HSL color formats
#3b82f6rgb(59, 130, 246)hsl(217, 91%, 60%)About This Tool
Color Models Explained
Different color spaces represent colors in different ways, each suited to specific use cases. This tool converts between the three most common formats used in web development.
HEX is a hexadecimal notation used in CSS and design tools. It consists of a # followed by six hexadecimal digits representing red, green, and blue channels (e.g., #2563EB). Shorthand notation uses three digits (e.g., #FFF).
RGB (Red, Green, Blue) represents each channel as a number from 0 to 255. It is the native color model for screens and digital displays. CSS uses the format rgb(37, 99, 235).
HSL (Hue, Saturation, Lightness) is a more intuitive model for humans. Hue is the color angle (0°–360°), Saturation is the intensity (0%–100%), and Lightness is the brightness (0%–100%). It is defined by the HSL/HSV color model.
Common Use Cases
Color conversion is essential when translating designs between tools (Figma → CSS), creating color palettes, building theme systems with light/dark modes, and ensuring accessibility compliance.