Color Converter
PopularBidirectional color conversion across HEX, RGB, RGBA, HSL, HSLA, HSV, and OKLCH.
Color Swatch
#6366f1
Curated Presets
Color Formats
Edit any format or copy CSS syntax
HEX
Standard CSS HexRGB
Red, Green, Blue (0-255)RGBA
RGB with alpha channelHSL
Hue, Saturation, LightnessHSLA
HSL with alpha channelHSV
Hue, Saturation, ValueOKLCH
Perceptually uniform modern CSS colorHow It Works
Color spaces represent visual frequencies through different mathematical coordinate models:
- HEX / RGB: Additive color representation directly matching hardware pixels (red, green, blue channels from 0 to 255).
- HSL (Hue, Saturation, Lightness): Cylindrical-coordinate representation designed to be intuitive for human perception.
- OKLCH: A modern W3C CSS Color Module 4 standard based on the Oklab color space. Unlike sRGB/HSL, OKLCH is perceptually uniform, meaning a 10% change in lightness feels identical across all hues.
Related Frontend Tools
Core
CSS Unit Converter
Convert rem, px, em, viewport, and physical CSS dimensions with real-time accuracy.
WCAG
Color Contrast Checker
Calculate WCAG 2.1 contrast ratios and verify accessibility compliance for normal text, large text, and UI components.
CSS Shadow Generator
Design multi-layered smooth box-shadows with offset, blur, spread, color, and inset controls.