color
Color Picker
Pick a color and inspect the selected value
8 free tools
Color representation varies across web design, print, and code. Our free color tools let you convert between HEX, RGB, HSL, and CMYK color formats, use a visual color picker to get exact codes, look up any CSS color name to get its HEX and RGB values, and generate a full Tailwind CSS color palette from a base color.
color
Pick a color and inspect the selected value
color
Convert HEX colors to RGB
color
Convert RGB colors to HEX
color
Convert RGB colors to HSL
color
Convert HSL colors to RGB
color
Convert RGB colors to CMYK
color
Convert named colors into Hex, RGB, HSL, CMYK, and HCL
color
Browse a small Tailwind-style color palette preview
HEX (#FF5733) is a compact hexadecimal representation used in CSS and HTML. RGB (255, 87, 51) separates red, green, and blue channels on a 0–255 scale. HSL uses hue (0–360°), saturation (%), and lightness (%) — making it more intuitive for designers to adjust colors.
CMYK (Cyan, Magenta, Yellow, Black) is the color model used in printing. Unlike RGB which is additive (light), CMYK is subtractive (ink). Use CMYK values when preparing designs for physical printing.