ToolBuddy
In Browser

Color Converter

Convert colors between HEX, RGB, HSL, CMYK, and related CSS notations. Preview swatches, copy values for design tokens, and translate picker output into code. Runs entirely in the tab so brand palettes never hit a third-party converter.

Runs in your browser. Nothing is uploaded.

Loading tool…

About this tool

Convert HEX, RGB, HSL, and CMYK with a live swatch and a native color picker. Copy each CSS form independently or copy HEX from the sticky bar. Values clamp to valid ranges so a typo cannot produce NaN tokens in a stylesheet.

How to use: paste #rgb, #rrggbb, rgb(), hsl(), or cmyk(), or pick from the color input. Read the other representations instantly. Brand palettes never hit a third-party converter.

Example: #1a1a1a becomes rgb(26, 26, 26), an equivalent hsl(), and cmyk(). Use this when a design token is HEX but your CSS uses RGB, or print specs give CMYK. Clamped RGB channels stay in 0-255.

All math is in JavaScript on this page. After load, conversion works offline. Related: color contrast for WCAG ratios, CSS formatter if you are pasting a whole rule block. Alpha is not a separate mode here; stick to opaque colors.

Related Convert tools