ToolMochi

Color Converter

Convert colors between HEX, RGB, HSL and HSV with a live color picker preview.

#5048E5

HEX

#5048E5

RGB

rgb(80, 72, 229)

HSL

hsl(243, 75%, 59%)

HSV

hsv(243, 69%, 90%)

This tool runs entirely in your browser. Your input is never uploaded.

How to use

  1. 1Enter a HEX color or open the picker from the swatch
  2. 2Results update live as you change the color
  3. 3Copy the HEX, RGB, HSL or HSV value you need

FAQ

Are three-digit HEX values supported?

Yes. Shorthand such as #f00 expands automatically to #ff0000.

What is the difference between HSL and HSV?

HSL uses lightness and saturation, which feels natural for design. HSV uses value and is common in pickers and image processing.

Is my color data uploaded?

No. The picker and conversions run entirely in your browser.

Related tools

Color Palette Generator

Generate tints, shades, complementary, analogous and triadic palettes from one base color.

Contrast Checker

Check the contrast ratio between text and background colors and see WCAG AA / AAA results for normal and large text.

CSS Gradient Generator

Visually build linear or radial CSS gradients, adjust colors, angle and position, then copy the CSS.

CSS Box Shadow Generator

Tune offset, blur, spread, color and opacity, then copy ready-to-use box-shadow CSS.