EngineeringNew

Colour Converter

Convert HEX, RGB, HSL and CMYK, and generate 50 to 950 shades as CSS variables. Runs entirely in your browser, nothing is stored.

HEX

RGB

HSL

CMYK

Shades 50 to 950

Variable name

CSS variables

:root {
  --brand-50: #f2f5fd;
  --brand-100: #e5ebfa;
  --brand-200: #c0cef7;
  --brand-300: #98aff1;
  --brand-400: #6689ea;
  --brand-500: #3966e4;
  --brand-600: #1c4bcf;
  --brand-700: #173eab;
  --brand-800: #123187;
  --brand-900: #0e276c;
  --brand-950: #091843;
}

Need more than a free tool?

Qawex builds, secures and grows websites and systems. Talk to a person.

Browse services