OTFotf
All tools
Free · no signup

Color Converter

Convert HEX ↔ RGB ↔ HSL ↔ OKLCH with live preview, CSS variables, and the closest Tailwind class.

RGB
HSL
hsl(25 95% 53%)
OKLCH
oklch(0.7049 0.1867 47.6)
CSS variables
--color: #f97316;
--color-rgb: 249 115 22;
Closest Tailwind class
bg-orange-500 text-orange-500 border-orange-500

Distance: 0 (lower = closer match)