Color Converter & Picker
Free online color converter and picker between HEX, RGB, HSL, HSV, and CMYK formats with shade generator
Loading...
Free online color converter and picker between HEX, RGB, HSL, HSV, and CMYK formats with shade generator
#3B82F6rgb(59, 130, 246)hsl(217, 91%, 60%)hsv(217, 91%, 60%)cmyk(76%, 47%, 0%, 4%)Sample Text Preview
The quick brown fox jumps over the lazy dog
#3b82f6) widely used in CSS and design tools because it is easy to copy and paste. RGB defines a color by its Red, Green, and Blue channel intensities on a 0-255 scale, which maps directly to how screens emit light. HSL (Hue, Saturation, Lightness) describes color in terms humans reason about: hue is the color wheel angle, saturation controls vividness, and lightness controls brightness. Use HEX when you need a quick shorthand in stylesheets, RGB when you need alpha transparency via rgba(), and HSL when you want to programmatically adjust shades or create harmonious palettes.#0000ff) will look duller in print. Always soft-proof your conversions and ask your print shop for their ICC profile.oklch(L C H). Unlike HSL, where a 10% lightness shift looks dramatically different for yellow vs. blue, OKLCH ensures equal numeric changes produce equal perceived changes across the entire hue range. This makes it the best format for generating consistent tint/shade scales, dark-mode palette mappings, and smooth gradients that avoid the gray dead zone you get in HSL interpolation. All major browsers now support oklch(), so it is production-ready. Convert your existing HEX values here, then paste the OKLCH output directly into your stylesheets.