Dev / ITnew

Color Converter

Free online color converter. Convert colors between HEX, RGB, HSL, and HSV formats instantly. Pick colors with a visual color picker, see live preview, and copy values in any format. Essential tool for web developers, designers, and UI/UX professionals. All conversion runs 100% client-side.

#3B82F6

rgb(59, 130, 246)

color
picker

PRESETS

HEX
#
RGB
R
G
B
rgb(59, 130, 246)
HSL
H
°
S
%
L
%
hsl(217deg 91% 60%) — CSS4
HSV / HSB
hsv(217°, 76%, 96%)

used in Photoshop, Figma, and design tools

ALL FORMATS

HEX#3B82F6
RGBrgb(59, 130, 246)
RGBArgba(59, 130, 246, 1)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CSS var--color: #3b82f6;
Tailwind[#3b82f6]

how to use

  1. 1.Enter a color value in any format — HEX, RGB, or HSL
  2. 2.Or use the color picker to visually select a color
  3. 3.All formats update instantly
  4. 4.Click copy on any format to copy to clipboard

frequently asked

What is the difference between HEX and RGB?

HEX is a 6-digit hexadecimal representation of RGB values (e.g. #ff5733). RGB uses three numbers from 0-255 for red, green, and blue channels.

What is HSL?

HSL stands for Hue, Saturation, Lightness. It is more intuitive than RGB for humans — hue is the color angle (0-360°), saturation is color intensity (0-100%), and lightness is brightness (0-100%).