← All tools

Online Color Picker

Choose a color visually and get its HEX, RGB, OKLCH, CMYK, HSV, HSL and CSS values instantly.

#2378D9
HEX
#2378D9
RGB
35, 120, 217
OKLCH
57.6% 0.168 255.1°
CMYK
84%, 45%, 0%, 15%
HSV
212°, 84%, 85%
HSL
212°, 72%, 49%

CSS examples

Pick a color and get its color codes

Use the FunRGB Color Picker to choose any color visually and instantly get its values in multiple color formats.

Move the selector inside the color field to adjust saturation and brightness, then use the hue slider to choose a different part of the color spectrum. All color values update automatically as you make changes.

The selected color is displayed in HEX, RGB, OKLCH, CMYK, HSV and HSL formats, making it easy to use the same color in websites, applications, graphics and other design projects.

Copy HEX, RGB and CSS color values

Once you find the color you need, you can use its HEX or RGB value in your design or development workflow.

For web development, the tool also generates ready-to-use CSS examples for text color, background color and border color. Copy the value you need and paste it directly into your stylesheet.

Understanding color formats

Different tools and workflows use different ways to describe colors.

HEX is widely used in HTML and CSS and represents a color with a hexadecimal code such as #44B7A6.

RGB describes a color using its red, green and blue components and is commonly used for digital displays.

OKLCH describes perceptual lightness, chroma and hue, making color adjustments more visually consistent.

HSL represents hue, saturation and lightness, making it useful when you want to adjust colors programmatically.

HSV uses hue, saturation and value and is commonly used in visual color pickers.

CMYK represents cyan, magenta, yellow and black and is primarily associated with print-oriented color workflows.