Converting Computed DOM Styles to Clean HEX Tokens
Browser DevTools (`getComputedStyle`) often return colors in `rgb(r, g, b)` format. Convert them back into clean `#RRGGBB` tokens for your codebase.
Convert decimal Red, Green, and Blue channel numbers (0 to 255) into a standard 6-digit `#RRGGBB` hexadecimal color code for CSS, Tailwind, Figma, and HTML. Includes live color swatch previewing and simultaneous HSL and CMYK conversion.
HEX
#0F766E
RGB
rgb(15, 118, 110)
HSL
hsl(175, 77%, 26%)
CMYK
cmyk(87%, 0%, 7%, 54%)
Enter your Red (R), Green (G), and Blue (B) integers between 0 and 255.
Inspect the live color preview swatch to verify the resulting shade.
Read the formatted 6-digit HEX code (along with HSL and CMYK equivalents).
Click Copy to paste the HEX string directly into your stylesheet or design tool.
Browser DevTools (`getComputedStyle`) often return colors in `rgb(r, g, b)` format. Convert them back into clean `#RRGGBB` tokens for your codebase.
Convert RGB numbers from legacy brand manuals, PowerPoint templates, or CAD software into web-ready hexadecimal codes.
See how 8-bit per channel decimal integers (0–255) map directly to two-digit hexadecimal bytes (`00`–`FF`).
Ensures every channel stays within valid 8-bit sRGB bounds and zero-pads hex bytes.
Updates the visual color preview with every keystroke.
Provides CSS `hsl()` and print `cmyk()` equivalents at the same time.
Nothing is uploaded to a remote server, so your data and files stay strictly on your device.
No account registration, no watermarks, and no daily usage caps.
Responsive layouts and comfortable touch controls that fit phones, tablets, and desktops.