All Tools
Pick a color, see HEX, RGB, and HSL values. Click any value to copy.
Pick any color and instantly see its value in HEX, RGB, and HSL formats. Click any value to copy it to your clipboard. Essential for web designers, UI developers, and anyone working with CSS, design tools, or brand color specifications.
HEX (#58A6FF), RGB (rgb(88, 166, 255)), and HSL (hsl(212, 100%, 67%)). These are the three formats used in CSS and most design tools. HEX is the most common for web development. RGB is used in CSS and design software. HSL is the most intuitive for adjusting colors by hue, saturation, and lightness.
Pick your color, click the HEX or RGB value to copy it, and paste directly into your CSS. The tool also helps when you receive a color spec in one format and need another — paste a HEX value and get the RGB equivalent for your Figma file, or vice versa.