ColrShift
The mixing room for front-end developers and UI designers.
ColrShift is a free online color converter. It exists because color communication burns time: the designer hands over a HEX, the developer needs HSL for a hover state, the print shop asks for CMYK, and everyone re-types values by hand. One input box should end that.
What the tool does
Paste any color — HEX (3/4/6/8-digit), RGB, HSL, CMYK, or a CSS name like dodgerblue — and the format is detected by pattern, resolved through RGB as the common base, and re-emitted in all four spaces instantly. Beyond conversion:
- WCAG contrast proofs. Your color is checked against pure white and pure black using the official relative-luminance formula, with pass/fail verdicts for all four WCAG 2.1 thresholds — AA and AAA, normal and large text.
- Five harmony palettes. Complementary, split-complementary, triadic, analogous and monochromatic — derived from the hue wheel in real time, each chip copyable with a click.
- Perceived brightness. The ITU-R BT.601 luma (0.299 R + 0.587 G + 0.114 B) shown alongside, because two very different WCAG ratios can look equally "bright" to the eye.
Our approach
Color values are often brand assets — unreleased palettes, NDA-covered identities. So ColrShift runs entirely in your browser: no uploads, no accounts, no stored history. The color you convert lives in the page URL itself, which means sharing a color needs no server at all.
The name
"ColrShift" drops the vowels the way hex drops the formality — a tool about shifting colors between spaces. The site is styled as a mixing room: registration-dot paper, paint-strip palettes, and proof panels like a print shop's sign-off sheet.
Get in touch
Found a conversion that disagrees with your design tool, or a CSS name we missed? Visit the contact page — edge cases are exactly the reports we want.