About

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.