🛝Toolio
About Contact

🎨 Color Converter – HEX · RGB · HSL · CMYK · Pantone

Convert color codes between HEX, RGB, HSL, and CMYK instantly and see the nearest Pantone match — free, with no uploads, no login, and full offline support right in your browser.

Tint palette
Conversion result
Color chart

Private by design. This tool runs entirely in your browser — nothing you enter is uploaded, and it works offline.

About

Toolio's Color Converter lets you pick any color visually, type a HEX code, enter R, G, B values, or enter H, S, L values, and instantly see HEX, RGB, HSL and CMYK together with one-click copy buttons. The HEX field accepts 3- or 6-digit codes with or without the #; a 3-digit code such as #f53 expands to #ff5533 when you press Enter or leave the field, an 8-digit code with transparency is accepted but its alpha part is ignored, and an invalid code is flagged instead of silently ignored. A five-step tint palette shows your exact color plus two darker and two lighter shades, always ordered from dark to light, and a color chart of 12 hues at 7 lightness levels plus a grey row lets you click any labeled HEX code to load it. Everything runs client-side in JavaScript — no data ever leaves your browser, making it safe to use with brand or project colors you'd rather keep private. It also shows the nearest PANTONE Solid Coated number for your color (for example, PANTONE 185 C) — a handy starting reference when you need to move a screen color toward print. CMYK values are shown as well, but as an uncalibrated screen approximation rather than a press-ready separation — the real numbers depend on your output profile (US Web Coated SWOP, FOGRA39, Japan Color), so confirm with your printer before sending artwork.

How to use

  1. Use the color picker or type a HEX code (e.g. #ff6b4a) in the HEX field.
  2. Alternatively, enter individual R, G, B values (0–255), or H (0–360), S and L (0–100) values, to start from an RGB or HSL color.
  3. View the converted HEX, RGB, HSL, and CMYK values — plus the nearest Pantone match — in the Conversion result panel.
  4. Click any Copy button next to a format to copy it to your clipboard.
  5. Explore the five tint palette swatches below the inputs to pick a lighter or darker shade.
  6. Or scroll to the color chart and click any HEX label to load that color.

FAQ

Is this color converter free to use?
Yes, completely free. There is no account, subscription, or paywall of any kind.
Does it upload my color data to a server?
No. All conversion happens locally in your browser using JavaScript. Nothing is sent to any server.
Does the color converter work offline?
Yes. Once the page is loaded, you can disconnect from the internet and it will still work fully. It also supports being saved as a Progressive Web App.
What color formats does it support?
It converts between HEX (e.g. #ff6b4a), RGB (e.g. rgb(255, 107, 74)), and HSL (e.g. hsl(11, 100%, 65%)), and also shows CMYK. You can enter a color as a HEX code, as R, G, B values, or as H, S, L values, and all the other formats update at once.
What is the tint palette feature?
The tint palette shows five swatches: your exact color plus two darker and two lighter shades of the same hue and saturation, always ordered from dark to light with no duplicates. A near-black color shows four lighter steps after it, and a near-white color shows four darker steps before it. Clicking a swatch updates all inputs to that shade so you can copy its codes too.
Does it show the nearest Pantone color?
Yes. Alongside HEX, RGB, and HSL, the converter shows the closest PANTONE Solid Coated match (for example, PANTONE 185 C) with a one-click copy button. The match is found with the perceptual CIEDE2000 color-difference formula. Because Pantone spot inks are defined physically rather than by a screen value, the sRGB match is an approximate reference, not an exact ink.
Does it give CMYK values?
Yes, but treat them as a screen approximation rather than a press-ready separation. The converter uses the standard uncalibrated RGB-to-CMYK formula, which has no ICC profile behind it — real separation values depend on your output profile (US Web Coated SWOP, FOGRA39, Japan Color). The Pantone CMYK row is derived from the matched ink's approximate sRGB, not from Pantone's licensed Color Bridge data, and many spot colors fall outside the CMYK gamut entirely. Always confirm with your printer before sending artwork.
What happens if I type an invalid HEX code?
The HEX field gets a red outline and a short message, and the previous color stays. A 3-digit code such as #f53 is applied when you press Enter or leave the field, and an 8-digit code with transparency (#RRGGBBAA) uses its first 6 digits and ignores the alpha part.
Is there a color chart?
Yes. Below the results there is a color chart of 12 hues at 7 lightness levels plus a row of greys. Each cell is labeled with its HEX code, and clicking it loads that color into the converter. The chart contains HEX codes only, not color names.

Ran 30 times in the last 29 days. Result copied or downloaded: 20% Measured on our own servers, 2026-09-06–2026-10-05.