1/* MIT license */ 2var cssKeywords = require('color-name'); 3 4// NOTE: conversions should only return primitive values (i.e. arrays, or 5// values that give correct `typeof` results). 6// do not use box values types (i.e. Number(), String(), etc.) 7 8var reverseKeywords = {}; 9for (var key in cssKeywords) { 10 if (cssKeywords.hasOwnProperty(key)) { 11 reverseKeywords[cssKeywords[key]] = key; 12 } 13} 14 15var convert = module.exports = { 16 rgb: {channels: 3, labels: 'rgb'}, 17 hsl: {channels: 3, labels: 'hsl'}, 18 hsv: {channels: 3, labels: 'hsv'}, 19 hwb: {channels: 3, labels: 'hwb'}, 20 cmyk: {channels: 4, labels: 'cmyk'}, 21 xyz: {channels: 3, labels: 'xyz'}, 22 lab: {channels: 3, labels: 'lab'}, 23 lch: {channels: 3, labels: 'lch'}, 24 hex: {channels: 1, labels: ['hex']}, 25 keyword: {channels: 1, labels: ['keyword']}, 26 ansi16: {channels: 1, labels: ['ansi16']}, 27 ansi256: {channels: 1, labels: ['ansi256']}, 28 hcg: {channels: 3, labels: ['h', 'c', 'g']}, 29 apple: {channels: 3, labels: ['r16', 'g16', 'b16']}, 30 gray: {channels: 1, labels: ['gray']} 31}; 32 33// hide .channels and .labels properties 34for (var model in convert) { 35 if (convert.hasOwnProperty(model)) { 36 if (!('channels' in convert[model])) { 37 throw new Error('missing channels property: ' + model); 38 } 39 40 if (!('labels' in convert[model])) { 41 throw new Error('missing channel labels property: ' + model); 42 } 43 44 if (convert[model].labels.length !== convert[model].channels) { 45 throw new Error('channel and label counts mismatch: ' + model); 46 } 47 48 var channels = convert[model].channels; 49 var labels = convert[model].labels; 50 delete convert[model].channels; 51 delete convert[model].labels; 52 Object.defineProperty(convert[model], 'channels', {value: channels}); 53 Object.defineProperty(convert[model], 'labels', {value: labels}); 54 } 55} 56 57convert.rgb.hsl = function (rgb) { 58 var r = rgb[0] / 255; 59 var g = rgb[1] / 255; 60 var b = rgb[2] / 255; 61 var min = Math.min(r, g, b); 62 var max = Math.max(r, g, b); 63 var delta = max - min; 64 var h; 65 var s; 66 var l; 67 68 if (max === min) { 69 h = 0; 70 } else if (r === max) { 71 h = (g - b) / delta; 72 } else if (g === max) { 73 h = 2 + (b - r) / delta; 74 } else if (b === max) { 75 h = 4 + (r - g) / delta; 76 } 77 78 h = Math.min(h * 60, 360); 79 80 if (h < 0) { 81 h += 360; 82 } 83 84 l = (min + max) / 2; 85 86 if (max === min) { 87 s = 0; 88 } else if (l <= 0.5) { 89 s = delta / (max + min); 90 } else { 91 s = delta / (2 - max - min); 92 } 93 94 return [h, s * 100, l * 100]; 95}; 96 97convert.rgb.hsv = function (rgb) { 98 var r = rgb[0]; 99 var g = rgb[1]; 100 var b = rgb[2]; 101 var min = Math.min(r, g, b); 102 var max = Math.max(r, g, b); 103 var delta = max - min; 104 var h; 105 var s; 106 var v; 107 108 if (max === 0) { 109 s = 0; 110 } else { 111 s = (delta / max * 1000) / 10; 112 } 113 114 if (max === min) { 115 h = 0; 116 } else if (r === max) { 117 h = (g - b) / delta; 118 } else if (g === max) { 119 h = 2 + (b - r) / delta; 120 } else if (b === max) { 121 h = 4 + (r - g) / delta; 122 } 123 124 h = Math.min(h * 60, 360); 125 126 if (h < 0) { 127 h += 360; 128 } 129 130 v = ((max / 255) * 1000) / 10; 131 132 return [h, s, v]; 133}; 134 135convert.rgb.hwb = function (rgb) { 136 var r = rgb[0]; 137 var g = rgb[1]; 138 var b = rgb[2]; 139 var h = convert.rgb.hsl(rgb)[0]; 140 var w = 1 / 255 * Math.min(r, Math.min(g, b)); 141 142 b = 1 - 1 / 255 * Math.max(r, Math.max(g, b)); 143 144 return [h, w * 100, b * 100]; 145}; 146 147convert.rgb.cmyk = function (rgb) { 148 var r = rgb[0] / 255; 149 var g = rgb[1] / 255; 150 var b = rgb[2] / 255; 151 var c; 152 var m; 153 var y; 154 var k; 155 156 k = Math.min(1 - r, 1 - g, 1 - b); 157 c = (1 - r - k) / (1 - k) || 0; 158 m = (1 - g - k) / (1 - k) || 0; 159 y = (1 - b - k) / (1 - k) || 0; 160 161 return [c * 100, m * 100, y * 100, k * 100]; 162}; 163 164/** 165 * See https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance 166 * */ 167function comparativeDistance(x, y) { 168 return ( 169 Math.pow(x[0] - y[0], 2) + 170 Math.pow(x[1] - y[1], 2) + 171 Math.pow(x[2] - y[2], 2) 172 ); 173} 174 175convert.rgb.keyword = function (rgb) { 176 var reversed = reverseKeywords[rgb]; 177 if (reversed) { 178 return reversed; 179 } 180 181 var currentClosestDistance = Infinity; 182 var currentClosestKeyword; 183 184 for (var keyword in cssKeywords) { 185 if (cssKeywords.hasOwnProperty(keyword)) { 186 var value = cssKeywords[keyword]; 187 188 // Compute comparative distance 189 var distance = comparativeDistance(rgb, value); 190 191 // Check if its less, if so set as closest 192 if (distance < currentClosestDistance) { 193 currentClosestDistance = distance; 194 currentClosestKeyword = keyword; 195 } 196 } 197 } 198 199 return currentClosestKeyword; 200}; 201 202convert.keyword.rgb = function (keyword) { 203 return cssKeywords[keyword]; 204}; 205 206convert.rgb.xyz = function (rgb) { 207 var r = rgb[0] / 255; 208 var g = rgb[1] / 255; 209 var b = rgb[2] / 255; 210 211 // assume sRGB 212 r = r > 0.04045 ? Math.pow(((r + 0.055) / 1.055), 2.4) : (r / 12.92); 213 g = g > 0.04045 ? Math.pow(((g + 0.055) / 1.055), 2.4) : (g / 12.92); 214 b = b > 0.04045 ? Math.pow(((b + 0.055) / 1.055), 2.4) : (b / 12.92); 215 216 var x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805); 217 var y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722); 218 var z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505); 219 220 return [x * 100, y * 100, z * 100]; 221}; 222 223convert.rgb.lab = function (rgb) { 224 var xyz = convert.rgb.xyz(rgb); 225 var x = xyz[0]; 226 var y = xyz[1]; 227 var z = xyz[2]; 228 var l; 229 var a; 230 var b; 231 232 x /= 95.047; 233 y /= 100; 234 z /= 108.883; 235 236 x = x > 0.008856 ? Math.pow(x, 1 / 3) : (7.787 * x) + (16 / 116); 237 y = y > 0.008856 ? Math.pow(y, 1 / 3) : (7.787 * y) + (16 / 116); 238 z = z > 0.008856 ? Math.pow(z, 1 / 3) : (7.787 * z) + (16 / 116); 239 240 l = (116 * y) - 16; 241 a = 500 * (x - y); 242 b = 200 * (y - z); 243 244 return [l, a, b]; 245}; 246 247convert.hsl.rgb = function (hsl) { 248 var h = hsl[0] / 360; 249 var s = hsl[1] / 100; 250 var l = hsl[2] / 100; 251 var t1; 252 var t2; 253 var t3; 254 var rgb; 255 var val; 256 257 if (s === 0) { 258 val = l * 255; 259 return [val, val, val]; 260 } 261 262 if (l < 0.5) { 263 t2 = l * (1 + s); 264 } else { 265 t2 = l + s - l * s; 266 } 267 268 t1 = 2 * l - t2; 269 270 rgb = [0, 0, 0]; 271 for (var i = 0; i < 3; i++) { 272 t3 = h + 1 / 3 * -(i - 1); 273 if (t3 < 0) { 274 t3++; 275 } 276 if (t3 > 1) { 277 t3--; 278 } 279 280 if (6 * t3 < 1) { 281 val = t1 + (t2 - t1) * 6 * t3; 282 } else if (2 * t3 < 1) { 283 val = t2; 284 } else if (3 * t3 < 2) { 285 val = t1 + (t2 - t1) * (2 / 3 - t3) * 6; 286 } else { 287 val = t1; 288 } 289 290 rgb[i] = val * 255; 291 } 292 293 return rgb; 294}; 295 296convert.hsl.hsv = function (hsl) { 297 var h = hsl[0]; 298 var s = hsl[1] / 100; 299 var l = hsl[2] / 100; 300 var smin = s; 301 var lmin = Math.max(l, 0.01); 302 var sv; 303 var v; 304 305 l *= 2; 306 s *= (l <= 1) ? l : 2 - l; 307 smin *= lmin <= 1 ? lmin : 2 - lmin; 308 v = (l + s) / 2; 309 sv = l === 0 ? (2 * smin) / (lmin + smin) : (2 * s) / (l + s); 310 311 return [h, sv * 100, v * 100]; 312}; 313 314convert.hsv.rgb = function (hsv) { 315 var h = hsv[0] / 60; 316 var s = hsv[1] / 100; 317 var v = hsv[2] / 100; 318 var hi = Math.floor(h) % 6; 319 320 var f = h - Math.floor(h); 321 var p = 255 * v * (1 - s); 322 var q = 255 * v * (1 - (s * f)); 323 var t = 255 * v * (1 - (s * (1 - f))); 324 v *= 255; 325 326 switch (hi) { 327 case 0: 328 return [v, t, p]; 329 case 1: 330 return [q, v, p]; 331 case 2: 332 return [p, v, t]; 333 case 3: 334 return [p, q, v]; 335 case 4: 336 return [t, p, v]; 337 case 5: 338 return [v, p, q]; 339 } 340}; 341 342convert.hsv.hsl = function (hsv) { 343 var h = hsv[0]; 344 var s = hsv[1] / 100; 345 var v = hsv[2] / 100; 346 var vmin = Math.max(v, 0.01); 347 var lmin; 348 var sl; 349 var l; 350 351 l = (2 - s) * v; 352 lmin = (2 - s) * vmin; 353 sl = s * vmin; 354 sl /= (lmin <= 1) ? lmin : 2 - lmin; 355 sl = sl || 0; 356 l /= 2; 357 358 return [h, sl * 100, l * 100]; 359}; 360 361// http://dev.w3.org/csswg/css-color/#hwb-to-rgb 362convert.hwb.rgb = function (hwb) { 363 var h = hwb[0] / 360; 364 var wh = hwb[1] / 100; 365 var bl = hwb[2] / 100; 366 var ratio = wh + bl; 367 var i; 368 var v; 369 var f; 370 var n; 371 372 // wh + bl cant be > 1 373 if (ratio > 1) { 374 wh /= ratio; 375 bl /= ratio; 376 } 377 378 i = Math.floor(6 * h); 379 v = 1 - bl; 380 f = 6 * h - i; 381 382 if ((i & 0x01) !== 0) { 383 f = 1 - f; 384 } 385 386 n = wh + f * (v - wh); // linear interpolation 387 388 var r; 389 var g; 390 var b; 391 switch (i) { 392 default: 393 case 6: 394 case 0: r = v; g = n; b = wh; break; 395 case 1: r = n; g = v; b = wh; break; 396 case 2: r = wh; g = v; b = n; break; 397 case 3: r = wh; g = n; b = v; break; 398 case 4: r = n; g = wh; b = v; break; 399 case 5: r = v; g = wh; b = n; break; 400 } 401 402 return [r * 255, g * 255, b * 255]; 403}; 404 405convert.cmyk.rgb = function (cmyk) { 406 var c = cmyk[0] / 100; 407 var m = cmyk[1] / 100; 408 var y = cmyk[2] / 100; 409 var k = cmyk[3] / 100; 410 var r; 411 var g; 412 var b; 413 414 r = 1 - Math.min(1, c * (1 - k) + k); 415 g = 1 - Math.min(1, m * (1 - k) + k); 416 b = 1 - Math.min(1, y * (1 - k) + k); 417 418 return [r * 255, g * 255, b * 255]; 419}; 420 421convert.xyz.rgb = function (xyz) { 422 var x = xyz[0] / 100; 423 var y = xyz[1] / 100; 424 var z = xyz[2] / 100; 425 var r; 426 var g; 427 var b; 428 429 r = (x * 3.2406) + (y * -1.5372) + (z * -0.4986); 430 g = (x * -0.9689) + (y * 1.8758) + (z * 0.0415); 431 b = (x * 0.0557) + (y * -0.2040) + (z * 1.0570); 432 433 // assume sRGB 434 r = r > 0.0031308 435 ? ((1.055 * Math.pow(r, 1.0 / 2.4)) - 0.055) 436 : r * 12.92; 437 438 g = g > 0.0031308 439 ? ((1.055 * Math.pow(g, 1.0 / 2.4)) - 0.055) 440 : g * 12.92; 441 442 b = b > 0.0031308 443 ? ((1.055 * Math.pow(b, 1.0 / 2.4)) - 0.055) 444 : b * 12.92; 445 446 r = Math.min(Math.max(0, r), 1); 447 g = Math.min(Math.max(0, g), 1); 448 b = Math.min(Math.max(0, b), 1); 449 450 return [r * 255, g * 255, b * 255]; 451}; 452 453convert.xyz.lab = function (xyz) { 454 var x = xyz[0]; 455 var y = xyz[1]; 456 var z = xyz[2]; 457 var l; 458 var a; 459 var b; 460 461 x /= 95.047; 462 y /= 100; 463 z /= 108.883; 464 465 x = x > 0.008856 ? Math.pow(x, 1 / 3) : (7.787 * x) + (16 / 116); 466 y = y > 0.008856 ? Math.pow(y, 1 / 3) : (7.787 * y) + (16 / 116); 467 z = z > 0.008856 ? Math.pow(z, 1 / 3) : (7.787 * z) + (16 / 116); 468 469 l = (116 * y) - 16; 470 a = 500 * (x - y); 471 b = 200 * (y - z); 472 473 return [l, a, b]; 474}; 475 476convert.lab.xyz = function (lab) { 477 var l = lab[0]; 478 var a = lab[1]; 479 var b = lab[2]; 480 var x; 481 var y; 482 var z; 483 484 y = (l + 16) / 116; 485 x = a / 500 + y; 486 z = y - b / 200; 487 488 var y2 = Math.pow(y, 3); 489 var x2 = Math.pow(x, 3); 490 var z2 = Math.pow(z, 3); 491 y = y2 > 0.008856 ? y2 : (y - 16 / 116) / 7.787; 492 x = x2 > 0.008856 ? x2 : (x - 16 / 116) / 7.787; 493 z = z2 > 0.008856 ? z2 : (z - 16 / 116) / 7.787; 494 495 x *= 95.047; 496 y *= 100; 497 z *= 108.883; 498 499 return [x, y, z]; 500}; 501 502convert.lab.lch = function (lab) { 503 var l = lab[0]; 504 var a = lab[1]; 505 var b = lab[2]; 506 var hr; 507 var h; 508 var c; 509 510 hr = Math.atan2(b, a); 511 h = hr * 360 / 2 / Math.PI; 512 513 if (h < 0) { 514 h += 360; 515 } 516 517 c = Math.sqrt(a * a + b * b); 518 519 return [l, c, h]; 520}; 521 522convert.lch.lab = function (lch) { 523 var l = lch[0]; 524 var c = lch[1]; 525 var h = lch[2]; 526 var a; 527 var b; 528 var hr; 529 530 hr = h / 360 * 2 * Math.PI; 531 a = c * Math.cos(hr); 532 b = c * Math.sin(hr); 533 534 return [l, a, b]; 535}; 536 537convert.rgb.ansi16 = function (args) { 538 var r = args[0]; 539 var g = args[1]; 540 var b = args[2]; 541 var value = 1 in arguments ? arguments[1] : convert.rgb.hsv(args)[2]; // hsv -> ansi16 optimization 542 543 value = Math.round(value / 50); 544 545 if (value === 0) { 546 return 30; 547 } 548 549 var ansi = 30 550 + ((Math.round(b / 255) << 2) 551 | (Math.round(g / 255) << 1) 552 | Math.round(r / 255)); 553 554 if (value === 2) { 555 ansi += 60; 556 } 557 558 return ansi; 559}; 560 561convert.hsv.ansi16 = function (args) { 562 // optimization here; we already know the value and don't need to get 563 // it converted for us. 564 return convert.rgb.ansi16(convert.hsv.rgb(args), args[2]); 565}; 566 567convert.rgb.ansi256 = function (args) { 568 var r = args[0]; 569 var g = args[1]; 570 var b = args[2]; 571 572 // we use the extended greyscale palette here, with the exception of 573 // black and white. normal palette only has 4 greyscale shades. 574 if (r === g && g === b) { 575 if (r < 8) { 576 return 16; 577 } 578 579 if (r > 248) { 580 return 231; 581 } 582 583 return Math.round(((r - 8) / 247) * 24) + 232; 584 } 585 586 var ansi = 16 587 + (36 * Math.round(r / 255 * 5)) 588 + (6 * Math.round(g / 255 * 5)) 589 + Math.round(b / 255 * 5); 590 591 return ansi; 592}; 593 594convert.ansi16.rgb = function (args) { 595 var color = args % 10; 596 597 // handle greyscale 598 if (color === 0 || color === 7) { 599 if (args > 50) { 600 color += 3.5; 601 } 602 603 color = color / 10.5 * 255; 604 605 return [color, color, color]; 606 } 607 608 var mult = (~~(args > 50) + 1) * 0.5; 609 var r = ((color & 1) * mult) * 255; 610 var g = (((color >> 1) & 1) * mult) * 255; 611 var b = (((color >> 2) & 1) * mult) * 255; 612 613 return [r, g, b]; 614}; 615 616convert.ansi256.rgb = function (args) { 617 // handle greyscale 618 if (args >= 232) { 619 var c = (args - 232) * 10 + 8; 620 return [c, c, c]; 621 } 622 623 args -= 16; 624 625 var rem; 626 var r = Math.floor(args / 36) / 5 * 255; 627 var g = Math.floor((rem = args % 36) / 6) / 5 * 255; 628 var b = (rem % 6) / 5 * 255; 629 630 return [r, g, b]; 631}; 632 633convert.rgb.hex = function (args) { 634 var integer = ((Math.round(args[0]) & 0xFF) << 16) 635 + ((Math.round(args[1]) & 0xFF) << 8) 636 + (Math.round(args[2]) & 0xFF); 637 638 var string = integer.toString(16).toUpperCase(); 639 return '000000'.substring(string.length) + string; 640}; 641 642convert.hex.rgb = function (args) { 643 var match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i); 644 if (!match) { 645 return [0, 0, 0]; 646 } 647 648 var colorString = match[0]; 649 650 if (match[0].length === 3) { 651 colorString = colorString.split('').map(function (char) { 652 return char + char; 653 }).join(''); 654 } 655 656 var integer = parseInt(colorString, 16); 657 var r = (integer >> 16) & 0xFF; 658 var g = (integer >> 8) & 0xFF; 659 var b = integer & 0xFF; 660 661 return [r, g, b]; 662}; 663 664convert.rgb.hcg = function (rgb) { 665 var r = rgb[0] / 255; 666 var g = rgb[1] / 255; 667 var b = rgb[2] / 255; 668 var max = Math.max(Math.max(r, g), b); 669 var min = Math.min(Math.min(r, g), b); 670 var chroma = (max - min); 671 var grayscale; 672 var hue; 673 674 if (chroma < 1) { 675 grayscale = min / (1 - chroma); 676 } else { 677 grayscale = 0; 678 } 679 680 if (chroma <= 0) { 681 hue = 0; 682 } else 683 if (max === r) { 684 hue = ((g - b) / chroma) % 6; 685 } else 686 if (max === g) { 687 hue = 2 + (b - r) / chroma; 688 } else { 689 hue = 4 + (r - g) / chroma + 4; 690 } 691 692 hue /= 6; 693 hue %= 1; 694 695 return [hue * 360, chroma * 100, grayscale * 100]; 696}; 697 698convert.hsl.hcg = function (hsl) { 699 var s = hsl[1] / 100; 700 var l = hsl[2] / 100; 701 var c = 1; 702 var f = 0; 703 704 if (l < 0.5) { 705 c = 2.0 * s * l; 706 } else { 707 c = 2.0 * s * (1.0 - l); 708 } 709 710 if (c < 1.0) { 711 f = (l - 0.5 * c) / (1.0 - c); 712 } 713 714 return [hsl[0], c * 100, f * 100]; 715}; 716 717convert.hsv.hcg = function (hsv) { 718 var s = hsv[1] / 100; 719 var v = hsv[2] / 100; 720 721 var c = s * v; 722 var f = 0; 723 724 if (c < 1.0) { 725 f = (v - c) / (1 - c); 726 } 727 728 return [hsv[0], c * 100, f * 100]; 729}; 730 731convert.hcg.rgb = function (hcg) { 732 var h = hcg[0] / 360; 733 var c = hcg[1] / 100; 734 var g = hcg[2] / 100; 735 736 if (c === 0.0) { 737 return [g * 255, g * 255, g * 255]; 738 } 739 740 var pure = [0, 0, 0]; 741 var hi = (h % 1) * 6; 742 var v = hi % 1; 743 var w = 1 - v; 744 var mg = 0; 745 746 switch (Math.floor(hi)) { 747 case 0: 748 pure[0] = 1; pure[1] = v; pure[2] = 0; break; 749 case 1: 750 pure[0] = w; pure[1] = 1; pure[2] = 0; break; 751 case 2: 752 pure[0] = 0; pure[1] = 1; pure[2] = v; break; 753 case 3: 754 pure[0] = 0; pure[1] = w; pure[2] = 1; break; 755 case 4: 756 pure[0] = v; pure[1] = 0; pure[2] = 1; break; 757 default: 758 pure[0] = 1; pure[1] = 0; pure[2] = w; 759 } 760 761 mg = (1.0 - c) * g; 762 763 return [ 764 (c * pure[0] + mg) * 255, 765 (c * pure[1] + mg) * 255, 766 (c * pure[2] + mg) * 255 767 ]; 768}; 769 770convert.hcg.hsv = function (hcg) { 771 var c = hcg[1] / 100; 772 var g = hcg[2] / 100; 773 774 var v = c + g * (1.0 - c); 775 var f = 0; 776 777 if (v > 0.0) { 778 f = c / v; 779 } 780 781 return [hcg[0], f * 100, v * 100]; 782}; 783 784convert.hcg.hsl = function (hcg) { 785 var c = hcg[1] / 100; 786 var g = hcg[2] / 100; 787 788 var l = g * (1.0 - c) + 0.5 * c; 789 var s = 0; 790 791 if (l > 0.0 && l < 0.5) { 792 s = c / (2 * l); 793 } else 794 if (l >= 0.5 && l < 1.0) { 795 s = c / (2 * (1 - l)); 796 } 797 798 return [hcg[0], s * 100, l * 100]; 799}; 800 801convert.hcg.hwb = function (hcg) { 802 var c = hcg[1] / 100; 803 var g = hcg[2] / 100; 804 var v = c + g * (1.0 - c); 805 return [hcg[0], (v - c) * 100, (1 - v) * 100]; 806}; 807 808convert.hwb.hcg = function (hwb) { 809 var w = hwb[1] / 100; 810 var b = hwb[2] / 100; 811 var v = 1 - b; 812 var c = v - w; 813 var g = 0; 814 815 if (c < 1) { 816 g = (v - c) / (1 - c); 817 } 818 819 return [hwb[0], c * 100, g * 100]; 820}; 821 822convert.apple.rgb = function (apple) { 823 return [(apple[0] / 65535) * 255, (apple[1] / 65535) * 255, (apple[2] / 65535) * 255]; 824}; 825 826convert.rgb.apple = function (rgb) { 827 return [(rgb[0] / 255) * 65535, (rgb[1] / 255) * 65535, (rgb[2] / 255) * 65535]; 828}; 829 830convert.gray.rgb = function (args) { 831 return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255]; 832}; 833 834convert.gray.hsl = convert.gray.hsv = function (args) { 835 return [0, 0, args[0]]; 836}; 837 838convert.gray.hwb = function (gray) { 839 return [0, 100, gray[0]]; 840}; 841 842convert.gray.cmyk = function (gray) { 843 return [0, 0, 0, gray[0]]; 844}; 845 846convert.gray.lab = function (gray) { 847 return [gray[0], 0, 0]; 848}; 849 850convert.gray.hex = function (gray) { 851 var val = Math.round(gray[0] / 100 * 255) & 0xFF; 852 var integer = (val << 16) + (val << 8) + val; 853 854 var string = integer.toString(16).toUpperCase(); 855 return '000000'.substring(string.length) + string; 856}; 857 858convert.rgb.gray = function (rgb) { 859 var val = (rgb[0] + rgb[1] + rgb[2]) / 3; 860 return [val / 255 * 100]; 861}; 862