Color Converter
Instant bi-directional conversion between HEX, RGB, CMYK, LAB, and HSL. CIE-standard LAB for textile and Pantone matching. Live swatch preview. Save favourites between sessions.
HEX: #0B6CFF RGB: rgb(11, 108, 255) HSL: hsl(216, 100%, 52%) CMYK: cmyk(96%, 58%, 0%, 0%) LAB: lab(49.5, 31.6, -79.4) — Converted with Texloom Studio · https://texloom.studio/free-tools/color-converter
HEX, RGB, CMYK, LAB — why you need all of them
Every color space solves a different problem. HEX and RGB describe the light your screen emits. CMYK describes the ink a printer lays on paper. HSL describes the color the way humans naturally categorise it (hue, saturation, lightness). LAB describes what the human eye actually perceives — and it's the only one where numeric distance matches perceptual difference.
Textile and print workflows routinely span all five. A designer picks a color on-screen in HEX. The print shop converts to CMYK for the press. The dye house works in LAB to match the fabric to the reference. The brand designer specifies HSL so the design system stays consistent when the palette evolves. Having a single source of truth across all formats removes a category of silent errors that only appear after fabric comes back looking wrong.
Pair this with our Color Extractor to pull colors from a reference image, and the Colorway Generator to apply them to a design. The full color pipeline, all free.
What designers and print shops use this for
Send LAB values to a textile dye house
Dye houses work in LAB because it matches the way dye matches pass / fail in the lab (CIEDE2000 Delta-E under 2 = acceptable match). Pick your brand color in HEX, copy the LAB value, send to the lab.
Prepare CMYK values for a printer's spec sheet
Paste your HEX from Figma, grab the CMYK values, put them on the color-matching sheet that ships with the artwork. Print shops appreciate the pre-work and it avoids back-and-forth.
Build a CSS design system with HSL tokens
HSL lets you scale a primary hue across light/dark variants by changing just L. Paste HEX from a mood board, copy HSL, drop into CSS variables. Hue stability across the whole system.
Verify a Pantone TCX equivalent
You have a Pantone TCX swatch and need its digital equivalent. Look up the LAB values (they're on Pantone's cards), paste into our LAB fields, and the HEX / RGB / HSL all come out — on a calibrated screen, accurate enough for on-screen review.
Sanity-check a color-matching result
Pull a swatch color in LAB, paste here, look at the rendered preview, compare against your monitor. Catches obvious errors (wrong illuminant, typo in the LAB value) before you spend money on a physical proof.
Batch-document colors for a brand-book PDF
Enter each brand color, click Copy-all, paste the pre-formatted text block into your brand-book doc or Figma. Consistent format across every color. Save to favourites to reference again next session.
Picking the right color space
Digital screens
The default for web, app UI, and any screen-rendered output. Every design tool and browser speaks RGB natively.
Print, catalogues
The color space of ink. Always specify when sending artwork to a physical print shop. Exact reproduction needs an ICC profile match.
Textile dye, Pantone
Perceptually uniform — equal numeric distance = equal perceptual difference. The only space where color-matching math (Delta-E) is meaningful.
Design systems
Human-readable — hue, saturation, lightness. Best for CSS variables, design-token libraries, and documenting color intent.
Color pickers
Variant of HSL with 'value' instead of 'lightness'. Some Adobe tools default to this. Convert to HSL for CSS and documentation.
Shader math, compositing
sRGB with gamma removed. Needed for physically correct light math (shaders, color blending). Rarely used by designers directly.
Four steps, no signup
Enter any color value
Type a HEX code (#FF6B3D), RGB (255,107,61), CMYK (0%,58%,76%,0%), or LAB (65,54,62). The tool parses any format and converts to all four automatically.
See every format at a glance
Hex, RGB, CMYK, LAB, and HSL values update live. Copy any single value with the button next to it, or grab all five as a pre-formatted text block for documentation.
Preview on a swatch
A large live swatch renders the color so you can judge it visually. Useful for confirming a HEX code matches the design-system spec or a CMYK translation hasn't shifted the color noticeably.
Save favourites or export
Starred colors stay in your browser between sessions. Export the full session as CSV or paste the text block into Figma, a spec doc, or Slack.
Color math you can trust
CIE-standard LAB conversion (D65, 2° observer) matches what Pantone and textile labs use.
CIE-standard LAB
D65 illuminant, 2° observer — the CIE default for printing and textiles. Matches Pantone internal values and the LAB published on Pantone cards.
Bi-directional
Edit any field and every other field updates. Single source of truth — no more copy-paste across three different sites to reconcile values.
Offline-first
Runs entirely in your browser after page load. Work on sensitive brand colors without exposing them to any third-party.
Export as you work
Star favourites for later sessions, copy pre-formatted multi-format blocks, and build a personal color library without signup.
Frequently asked
Q.Why do I need four color spaces?
Q.What's LAB color space and why does textile care about it?
Q.Is the CMYK value accurate for print?
Q.Why is HEX different from some Pantone converters I've seen?
Q.Can I copy values into Figma, Illustrator, or CSS?
Q.What's HSL and when should I use it?
Q.Does the converter work offline?
Q.Can I use it commercially?
Enjoying the color converter? Unlock the full Texloom Studio — 30+ AI tools, 100 free credits on signup, no card.
Get started freeExplore Texloom Studio
30+ AI tools for textile and pattern design. Sign up free — 100 credits, no card.
Create free account