CSS Color Converter

Live-sync converter between HEX, RGB, and HSL color notations.

#3B82F6

HEX

RGB

HSL

About this tool

Type in any format — HEX, RGB, or HSL — and the other two update immediately. Live color swatch shows exactly what shade you have. Perfect for translating between design tools that speak different color languages (Figma uses HEX, older CSS uses RGB, modern CSS increasingly uses HSL for its intuitive lightness axis).