Convert and sort colors in w3cColor HEX RGB RGBA HSL HSLA HSV CMYK YUV type
- Chrome
- Firefox
- IE 6+
var w3cColor = new Color('skyblue');var hex = new Color('83BF73');
var hex = new Color('#83BF73');
var hex = new Color('hex', '83BF73');
var hex = new Color('hex', '#83BF73');var rgb = new Color([131, 191, 115]);
var rgb = new Color('131, 191, 115');
var rgb = new Color('131 191 115');
var rgb = new Color('rgb', [131, 191, 115]);
var rgb = new Color('rgb', '131, 191, 115');
var rgb = new Color('rgb', '131 191 115');
var rgb = new Color('rgb', 131, 191, 115);var rgba = new Color([131, 191, 115, 0.5]);
var rgba = new Color('131, 191, 115, 0.5');
var rgba = new Color('131 191 115 0.5');
var rgba = new Color('rgba', [131, 191, 115, 0.5]);
var rgba = new Color('rgba', '131, 191, 115, 0.5');
var rgba = new Color('rgba', '131 191 115 0.5');
var rgba = new Color('rgba', 131, 191, 115, 0.5);var hsl = new Color('hsl', [107, 37, 60]);
var hsl = new Color('hsl', [107, '37%', '60%']);
var hsl = new Color('hsl', [107, 0.37, 0.6]);
var hsl = new Color('hsl', '107,37,60');
var hsl = new Color('hsl', '107,37%,60%');
var hsl = new Color('hsl', '107,0.37,0.6');
var hsl = new Color('hsl', '107 37 60');
var hsl = new Color('hsl', '107 37% 60%');
var hsl = new Color('hsl', '107 0.37 0.6');
var hsl = new Color('hsl', 107, 37, 60);
var hsl = new Color('hsl', 107, '37%', '60%');
var hsl = new Color('hsl', 107, 0.37, 0.6);var hsla = new Color('hsla', [107, 37, 60, 0.5]);
var hsla = new Color('hsla', [107, '37%', '60%', 0.5]);
var hsla = new Color('hsla', [107, 0.37, 0.6, 0.5]);
var hsla = new Color('hsla', '107,37,60,0.5');
var hsla = new Color('hsla', '107,37%,60%,0.5');
var hsla = new Color('hsla', '107,0.37,0.6,0.5');
var hsla = new Color('hsla', '107 37 60 0.5');
var hsla = new Color('hsla', '107 37% 60% 0.5');
var hsla = new Color('hsla', '107 0.37 0.6 0.5');
var hsla = new Color('hsla', 107, 37, 60, 0.5);
var hsla = new Color('hsla', 107, '37%', '60%', 0.5);
var hsla = new Color('hsla', 107, 0.37, 0.6, 0.5);var cmyk = new Color('cmyk', [31, 0, 40, 25]);
var cmyk = new Color('cmyk', ['31%', '0%', '40%', '25%']);
var cmyk = new Color('cmyk', [0.31, 0, 0.4, 0.25]);
var cmyk = new Color('cmyk', '31, 0, 40, 25');
var cmyk = new Color('cmyk', '31%, 0, 40%, 25%');
var cmyk = new Color('cmyk', '0.31, 0, 0.4, 0.25');
var cmyk = new Color('cmyk', '31 0 40 25');
var cmyk = new Color('cmyk', '31% 0 40% 25%');
var cmyk = new Color('cmyk', '0.31 0 0.4 0.25');
var cmyk = new Color('cmyk', 31, 0, 40, 25);
var cmyk = new Color('cmyk', '31%', 0, '40%', '25%');
var cmyk = new Color('cmyk', 0.31, 0, 0.4, 0.25);var yuv = new Color('yuv', [164, 100, 103]);
var yuv = new Color('yuv', '164,100,103');
var yuv = new Color('yuv', '164 100 103');
var yuv = new Color('yuv', 164, 100, 103);- hex
- hexInt (parseInt(hex, 16)) (default)
- red(r) in RGB
- green(g) in RGB
- blue(b) in RGB
- hue(h) in HSL
- hslSaturation(s) in HSL
- luminance(l) in HSL
- hsvSaturation in HSV
- value(v) in HSV
- i(intensity) in HSI
- cyan(c) in CMYK
- magenta(m) in CMYK
- yellow(y) in CMYK
- black(k) in CMYK
check it yourself
test/color.test.html