pax_global_header00006660000000000000000000000064135266072540014524gustar00rootroot0000000000000052 comment=e1cb7846258e1d7aa25873814684d4fbbbca53ed color-convert-2.0.1/000077500000000000000000000000001352660725400143205ustar00rootroot00000000000000color-convert-2.0.1/.editorconfig000066400000000000000000000004101352660725400167700ustar00rootroot00000000000000root = true [*] indent_style = tab end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true [*.coffee] indent_style = space [{package.json,*.yml}] indent_style = space indent_size = 2 [*.md] trim_trailing_whitespace = false color-convert-2.0.1/.gitignore000066400000000000000000000000621352660725400163060ustar00rootroot00000000000000*.sw[a-p] /node_modules/ yarn-error.log yarn.lock color-convert-2.0.1/.npmrc000066400000000000000000000000231352660725400154330ustar00rootroot00000000000000package-lock=false color-convert-2.0.1/.travis.yml000066400000000000000000000001221352660725400164240ustar00rootroot00000000000000sudo: false language: node_js node_js: - 7 - 8 - 9 - 10 - 11 - stable color-convert-2.0.1/CHANGELOG.md000066400000000000000000000026111352660725400161310ustar00rootroot00000000000000# 1.0.0 - 2016-01-07 - Removed: unused speed test - Added: Automatic routing between previously unsupported conversions ([#27](https://github.com/Qix-/color-convert/pull/27)) - Removed: `xxx2xxx()` and `xxx2xxxRaw()` functions ([#27](https://github.com/Qix-/color-convert/pull/27)) - Removed: `convert()` class ([#27](https://github.com/Qix-/color-convert/pull/27)) - Changed: all functions to lookup dictionary ([#27](https://github.com/Qix-/color-convert/pull/27)) - Changed: `ansi` to `ansi256` ([#27](https://github.com/Qix-/color-convert/pull/27)) - Fixed: argument grouping for functions requiring only one argument ([#27](https://github.com/Qix-/color-convert/pull/27)) # 0.6.0 - 2015-07-23 - Added: methods to handle [ANSI](https://en.wikipedia.org/wiki/ANSI_escape_code#Colors) 16/256 colors: - rgb2ansi16 - rgb2ansi - hsl2ansi16 - hsl2ansi - hsv2ansi16 - hsv2ansi - hwb2ansi16 - hwb2ansi - cmyk2ansi16 - cmyk2ansi - keyword2ansi16 - keyword2ansi - ansi162rgb - ansi162hsl - ansi162hsv - ansi162hwb - ansi162cmyk - ansi162keyword - ansi2rgb - ansi2hsl - ansi2hsv - ansi2hwb - ansi2cmyk - ansi2keyword ([#18](https://github.com/harthur/color-convert/pull/18)) # 0.5.3 - 2015-06-02 - Fixed: hsl2hsv does not return `NaN` anymore when using `[0,0,0]` ([#15](https://github.com/harthur/color-convert/issues/15)) --- Check out commit logs for older releases color-convert-2.0.1/LICENSE000066400000000000000000000020771352660725400153330ustar00rootroot00000000000000Copyright (c) 2011-2016 Heather Arthur Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. color-convert-2.0.1/README.md000066400000000000000000000054451352660725400156070ustar00rootroot00000000000000# color-convert [![Build Status](https://travis-ci.org/Qix-/color-convert.svg?branch=master)](https://travis-ci.org/Qix-/color-convert) Color-convert is a color conversion library for JavaScript and node. It converts all ways between `rgb`, `hsl`, `hsv`, `hwb`, `cmyk`, `ansi`, `ansi16`, `hex` strings, and CSS `keyword`s (will round to closest): ```js var convert = require('color-convert'); convert.rgb.hsl(140, 200, 100); // [96, 48, 59] convert.keyword.rgb('blue'); // [0, 0, 255] var rgbChannels = convert.rgb.channels; // 3 var cmykChannels = convert.cmyk.channels; // 4 var ansiChannels = convert.ansi16.channels; // 1 ``` # Install ```console $ npm install color-convert ``` # API Simply get the property of the _from_ and _to_ conversion that you're looking for. All functions have a rounded and unrounded variant. By default, return values are rounded. To get the unrounded (raw) results, simply tack on `.raw` to the function. All 'from' functions have a hidden property called `.channels` that indicates the number of channels the function expects (not including alpha). ```js var convert = require('color-convert'); // Hex to LAB convert.hex.lab('DEADBF'); // [ 76, 21, -2 ] convert.hex.lab.raw('DEADBF'); // [ 75.56213190997677, 20.653827952644754, -2.290532499330533 ] // RGB to CMYK convert.rgb.cmyk(167, 255, 4); // [ 35, 0, 98, 0 ] convert.rgb.cmyk.raw(167, 255, 4); // [ 34.509803921568626, 0, 98.43137254901961, 0 ] ``` ### Arrays All functions that accept multiple arguments also support passing an array. Note that this does **not** apply to functions that convert from a color that only requires one value (e.g. `keyword`, `ansi256`, `hex`, etc.) ```js var convert = require('color-convert'); convert.rgb.hex(123, 45, 67); // '7B2D43' convert.rgb.hex([123, 45, 67]); // '7B2D43' ``` ## Routing Conversions that don't have an _explicitly_ defined conversion (in [conversions.js](conversions.js)), but can be converted by means of sub-conversions (e.g. XYZ -> **RGB** -> CMYK), are automatically routed together. This allows just about any color model supported by `color-convert` to be converted to any other model, so long as a sub-conversion path exists. This is also true for conversions requiring more than one step in between (e.g. LCH -> **LAB** -> **XYZ** -> **RGB** -> Hex). Keep in mind that extensive conversions _may_ result in a loss of precision, and exist only to be complete. For a list of "direct" (single-step) conversions, see [conversions.js](conversions.js). # Contribute If there is a new model you would like to support, or want to add a direct conversion between two existing models, please send us a pull request. # License Copyright © 2011-2016, Heather Arthur and Josh Junon. Licensed under the [MIT License](LICENSE). color-convert-2.0.1/conversions.js000066400000000000000000000412201352660725400172250ustar00rootroot00000000000000/* MIT license */ /* eslint-disable no-mixed-operators */ const cssKeywords = require('color-name'); // NOTE: conversions should only return primitive values (i.e. arrays, or // values that give correct `typeof` results). // do not use box values types (i.e. Number(), String(), etc.) const reverseKeywords = {}; for (const key of Object.keys(cssKeywords)) { reverseKeywords[cssKeywords[key]] = key; } const convert = { rgb: {channels: 3, labels: 'rgb'}, hsl: {channels: 3, labels: 'hsl'}, hsv: {channels: 3, labels: 'hsv'}, hwb: {channels: 3, labels: 'hwb'}, cmyk: {channels: 4, labels: 'cmyk'}, xyz: {channels: 3, labels: 'xyz'}, lab: {channels: 3, labels: 'lab'}, lch: {channels: 3, labels: 'lch'}, hex: {channels: 1, labels: ['hex']}, keyword: {channels: 1, labels: ['keyword']}, ansi16: {channels: 1, labels: ['ansi16']}, ansi256: {channels: 1, labels: ['ansi256']}, hcg: {channels: 3, labels: ['h', 'c', 'g']}, apple: {channels: 3, labels: ['r16', 'g16', 'b16']}, gray: {channels: 1, labels: ['gray']} }; module.exports = convert; // Hide .channels and .labels properties for (const model of Object.keys(convert)) { if (!('channels' in convert[model])) { throw new Error('missing channels property: ' + model); } if (!('labels' in convert[model])) { throw new Error('missing channel labels property: ' + model); } if (convert[model].labels.length !== convert[model].channels) { throw new Error('channel and label counts mismatch: ' + model); } const {channels, labels} = convert[model]; delete convert[model].channels; delete convert[model].labels; Object.defineProperty(convert[model], 'channels', {value: channels}); Object.defineProperty(convert[model], 'labels', {value: labels}); } convert.rgb.hsl = function (rgb) { const r = rgb[0] / 255; const g = rgb[1] / 255; const b = rgb[2] / 255; const min = Math.min(r, g, b); const max = Math.max(r, g, b); const delta = max - min; let h; let s; if (max === min) { h = 0; } else if (r === max) { h = (g - b) / delta; } else if (g === max) { h = 2 + (b - r) / delta; } else if (b === max) { h = 4 + (r - g) / delta; } h = Math.min(h * 60, 360); if (h < 0) { h += 360; } const l = (min + max) / 2; if (max === min) { s = 0; } else if (l <= 0.5) { s = delta / (max + min); } else { s = delta / (2 - max - min); } return [h, s * 100, l * 100]; }; convert.rgb.hsv = function (rgb) { let rdif; let gdif; let bdif; let h; let s; const r = rgb[0] / 255; const g = rgb[1] / 255; const b = rgb[2] / 255; const v = Math.max(r, g, b); const diff = v - Math.min(r, g, b); const diffc = function (c) { return (v - c) / 6 / diff + 1 / 2; }; if (diff === 0) { h = 0; s = 0; } else { s = diff / v; rdif = diffc(r); gdif = diffc(g); bdif = diffc(b); if (r === v) { h = bdif - gdif; } else if (g === v) { h = (1 / 3) + rdif - bdif; } else if (b === v) { h = (2 / 3) + gdif - rdif; } if (h < 0) { h += 1; } else if (h > 1) { h -= 1; } } return [ h * 360, s * 100, v * 100 ]; }; convert.rgb.hwb = function (rgb) { const r = rgb[0]; const g = rgb[1]; let b = rgb[2]; const h = convert.rgb.hsl(rgb)[0]; const w = 1 / 255 * Math.min(r, Math.min(g, b)); b = 1 - 1 / 255 * Math.max(r, Math.max(g, b)); return [h, w * 100, b * 100]; }; convert.rgb.cmyk = function (rgb) { const r = rgb[0] / 255; const g = rgb[1] / 255; const b = rgb[2] / 255; const k = Math.min(1 - r, 1 - g, 1 - b); const c = (1 - r - k) / (1 - k) || 0; const m = (1 - g - k) / (1 - k) || 0; const y = (1 - b - k) / (1 - k) || 0; return [c * 100, m * 100, y * 100, k * 100]; }; function comparativeDistance(x, y) { /* See https://en.m.wikipedia.org/wiki/Euclidean_distance#Squared_Euclidean_distance */ return ( ((x[0] - y[0]) ** 2) + ((x[1] - y[1]) ** 2) + ((x[2] - y[2]) ** 2) ); } convert.rgb.keyword = function (rgb) { const reversed = reverseKeywords[rgb]; if (reversed) { return reversed; } let currentClosestDistance = Infinity; let currentClosestKeyword; for (const keyword of Object.keys(cssKeywords)) { const value = cssKeywords[keyword]; // Compute comparative distance const distance = comparativeDistance(rgb, value); // Check if its less, if so set as closest if (distance < currentClosestDistance) { currentClosestDistance = distance; currentClosestKeyword = keyword; } } return currentClosestKeyword; }; convert.keyword.rgb = function (keyword) { return cssKeywords[keyword]; }; convert.rgb.xyz = function (rgb) { let r = rgb[0] / 255; let g = rgb[1] / 255; let b = rgb[2] / 255; // Assume sRGB r = r > 0.04045 ? (((r + 0.055) / 1.055) ** 2.4) : (r / 12.92); g = g > 0.04045 ? (((g + 0.055) / 1.055) ** 2.4) : (g / 12.92); b = b > 0.04045 ? (((b + 0.055) / 1.055) ** 2.4) : (b / 12.92); const x = (r * 0.4124) + (g * 0.3576) + (b * 0.1805); const y = (r * 0.2126) + (g * 0.7152) + (b * 0.0722); const z = (r * 0.0193) + (g * 0.1192) + (b * 0.9505); return [x * 100, y * 100, z * 100]; }; convert.rgb.lab = function (rgb) { const xyz = convert.rgb.xyz(rgb); let x = xyz[0]; let y = xyz[1]; let z = xyz[2]; x /= 95.047; y /= 100; z /= 108.883; x = x > 0.008856 ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116); y = y > 0.008856 ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116); z = z > 0.008856 ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116); const l = (116 * y) - 16; const a = 500 * (x - y); const b = 200 * (y - z); return [l, a, b]; }; convert.hsl.rgb = function (hsl) { const h = hsl[0] / 360; const s = hsl[1] / 100; const l = hsl[2] / 100; let t2; let t3; let val; if (s === 0) { val = l * 255; return [val, val, val]; } if (l < 0.5) { t2 = l * (1 + s); } else { t2 = l + s - l * s; } const t1 = 2 * l - t2; const rgb = [0, 0, 0]; for (let i = 0; i < 3; i++) { t3 = h + 1 / 3 * -(i - 1); if (t3 < 0) { t3++; } if (t3 > 1) { t3--; } if (6 * t3 < 1) { val = t1 + (t2 - t1) * 6 * t3; } else if (2 * t3 < 1) { val = t2; } else if (3 * t3 < 2) { val = t1 + (t2 - t1) * (2 / 3 - t3) * 6; } else { val = t1; } rgb[i] = val * 255; } return rgb; }; convert.hsl.hsv = function (hsl) { const h = hsl[0]; let s = hsl[1] / 100; let l = hsl[2] / 100; let smin = s; const lmin = Math.max(l, 0.01); l *= 2; s *= (l <= 1) ? l : 2 - l; smin *= lmin <= 1 ? lmin : 2 - lmin; const v = (l + s) / 2; const sv = l === 0 ? (2 * smin) / (lmin + smin) : (2 * s) / (l + s); return [h, sv * 100, v * 100]; }; convert.hsv.rgb = function (hsv) { const h = hsv[0] / 60; const s = hsv[1] / 100; let v = hsv[2] / 100; const hi = Math.floor(h) % 6; const f = h - Math.floor(h); const p = 255 * v * (1 - s); const q = 255 * v * (1 - (s * f)); const t = 255 * v * (1 - (s * (1 - f))); v *= 255; switch (hi) { case 0: return [v, t, p]; case 1: return [q, v, p]; case 2: return [p, v, t]; case 3: return [p, q, v]; case 4: return [t, p, v]; case 5: return [v, p, q]; } }; convert.hsv.hsl = function (hsv) { const h = hsv[0]; const s = hsv[1] / 100; const v = hsv[2] / 100; const vmin = Math.max(v, 0.01); let sl; let l; l = (2 - s) * v; const lmin = (2 - s) * vmin; sl = s * vmin; sl /= (lmin <= 1) ? lmin : 2 - lmin; sl = sl || 0; l /= 2; return [h, sl * 100, l * 100]; }; // http://dev.w3.org/csswg/css-color/#hwb-to-rgb convert.hwb.rgb = function (hwb) { const h = hwb[0] / 360; let wh = hwb[1] / 100; let bl = hwb[2] / 100; const ratio = wh + bl; let f; // Wh + bl cant be > 1 if (ratio > 1) { wh /= ratio; bl /= ratio; } const i = Math.floor(6 * h); const v = 1 - bl; f = 6 * h - i; if ((i & 0x01) !== 0) { f = 1 - f; } const n = wh + f * (v - wh); // Linear interpolation let r; let g; let b; /* eslint-disable max-statements-per-line,no-multi-spaces */ switch (i) { default: case 6: case 0: r = v; g = n; b = wh; break; case 1: r = n; g = v; b = wh; break; case 2: r = wh; g = v; b = n; break; case 3: r = wh; g = n; b = v; break; case 4: r = n; g = wh; b = v; break; case 5: r = v; g = wh; b = n; break; } /* eslint-enable max-statements-per-line,no-multi-spaces */ return [r * 255, g * 255, b * 255]; }; convert.cmyk.rgb = function (cmyk) { const c = cmyk[0] / 100; const m = cmyk[1] / 100; const y = cmyk[2] / 100; const k = cmyk[3] / 100; const r = 1 - Math.min(1, c * (1 - k) + k); const g = 1 - Math.min(1, m * (1 - k) + k); const b = 1 - Math.min(1, y * (1 - k) + k); return [r * 255, g * 255, b * 255]; }; convert.xyz.rgb = function (xyz) { const x = xyz[0] / 100; const y = xyz[1] / 100; const z = xyz[2] / 100; let r; let g; let b; r = (x * 3.2406) + (y * -1.5372) + (z * -0.4986); g = (x * -0.9689) + (y * 1.8758) + (z * 0.0415); b = (x * 0.0557) + (y * -0.2040) + (z * 1.0570); // Assume sRGB r = r > 0.0031308 ? ((1.055 * (r ** (1.0 / 2.4))) - 0.055) : r * 12.92; g = g > 0.0031308 ? ((1.055 * (g ** (1.0 / 2.4))) - 0.055) : g * 12.92; b = b > 0.0031308 ? ((1.055 * (b ** (1.0 / 2.4))) - 0.055) : b * 12.92; r = Math.min(Math.max(0, r), 1); g = Math.min(Math.max(0, g), 1); b = Math.min(Math.max(0, b), 1); return [r * 255, g * 255, b * 255]; }; convert.xyz.lab = function (xyz) { let x = xyz[0]; let y = xyz[1]; let z = xyz[2]; x /= 95.047; y /= 100; z /= 108.883; x = x > 0.008856 ? (x ** (1 / 3)) : (7.787 * x) + (16 / 116); y = y > 0.008856 ? (y ** (1 / 3)) : (7.787 * y) + (16 / 116); z = z > 0.008856 ? (z ** (1 / 3)) : (7.787 * z) + (16 / 116); const l = (116 * y) - 16; const a = 500 * (x - y); const b = 200 * (y - z); return [l, a, b]; }; convert.lab.xyz = function (lab) { const l = lab[0]; const a = lab[1]; const b = lab[2]; let x; let y; let z; y = (l + 16) / 116; x = a / 500 + y; z = y - b / 200; const y2 = y ** 3; const x2 = x ** 3; const z2 = z ** 3; y = y2 > 0.008856 ? y2 : (y - 16 / 116) / 7.787; x = x2 > 0.008856 ? x2 : (x - 16 / 116) / 7.787; z = z2 > 0.008856 ? z2 : (z - 16 / 116) / 7.787; x *= 95.047; y *= 100; z *= 108.883; return [x, y, z]; }; convert.lab.lch = function (lab) { const l = lab[0]; const a = lab[1]; const b = lab[2]; let h; const hr = Math.atan2(b, a); h = hr * 360 / 2 / Math.PI; if (h < 0) { h += 360; } const c = Math.sqrt(a * a + b * b); return [l, c, h]; }; convert.lch.lab = function (lch) { const l = lch[0]; const c = lch[1]; const h = lch[2]; const hr = h / 360 * 2 * Math.PI; const a = c * Math.cos(hr); const b = c * Math.sin(hr); return [l, a, b]; }; convert.rgb.ansi16 = function (args, saturation = null) { const [r, g, b] = args; let value = saturation === null ? convert.rgb.hsv(args)[2] : saturation; // Hsv -> ansi16 optimization value = Math.round(value / 50); if (value === 0) { return 30; } let ansi = 30 + ((Math.round(b / 255) << 2) | (Math.round(g / 255) << 1) | Math.round(r / 255)); if (value === 2) { ansi += 60; } return ansi; }; convert.hsv.ansi16 = function (args) { // Optimization here; we already know the value and don't need to get // it converted for us. return convert.rgb.ansi16(convert.hsv.rgb(args), args[2]); }; convert.rgb.ansi256 = function (args) { const r = args[0]; const g = args[1]; const b = args[2]; // We use the extended greyscale palette here, with the exception of // black and white. normal palette only has 4 greyscale shades. if (r === g && g === b) { if (r < 8) { return 16; } if (r > 248) { return 231; } return Math.round(((r - 8) / 247) * 24) + 232; } const ansi = 16 + (36 * Math.round(r / 255 * 5)) + (6 * Math.round(g / 255 * 5)) + Math.round(b / 255 * 5); return ansi; }; convert.ansi16.rgb = function (args) { let color = args % 10; // Handle greyscale if (color === 0 || color === 7) { if (args > 50) { color += 3.5; } color = color / 10.5 * 255; return [color, color, color]; } const mult = (~~(args > 50) + 1) * 0.5; const r = ((color & 1) * mult) * 255; const g = (((color >> 1) & 1) * mult) * 255; const b = (((color >> 2) & 1) * mult) * 255; return [r, g, b]; }; convert.ansi256.rgb = function (args) { // Handle greyscale if (args >= 232) { const c = (args - 232) * 10 + 8; return [c, c, c]; } args -= 16; let rem; const r = Math.floor(args / 36) / 5 * 255; const g = Math.floor((rem = args % 36) / 6) / 5 * 255; const b = (rem % 6) / 5 * 255; return [r, g, b]; }; convert.rgb.hex = function (args) { const integer = ((Math.round(args[0]) & 0xFF) << 16) + ((Math.round(args[1]) & 0xFF) << 8) + (Math.round(args[2]) & 0xFF); const string = integer.toString(16).toUpperCase(); return '000000'.substring(string.length) + string; }; convert.hex.rgb = function (args) { const match = args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i); if (!match) { return [0, 0, 0]; } let colorString = match[0]; if (match[0].length === 3) { colorString = colorString.split('').map(char => { return char + char; }).join(''); } const integer = parseInt(colorString, 16); const r = (integer >> 16) & 0xFF; const g = (integer >> 8) & 0xFF; const b = integer & 0xFF; return [r, g, b]; }; convert.rgb.hcg = function (rgb) { const r = rgb[0] / 255; const g = rgb[1] / 255; const b = rgb[2] / 255; const max = Math.max(Math.max(r, g), b); const min = Math.min(Math.min(r, g), b); const chroma = (max - min); let grayscale; let hue; if (chroma < 1) { grayscale = min / (1 - chroma); } else { grayscale = 0; } if (chroma <= 0) { hue = 0; } else if (max === r) { hue = ((g - b) / chroma) % 6; } else if (max === g) { hue = 2 + (b - r) / chroma; } else { hue = 4 + (r - g) / chroma; } hue /= 6; hue %= 1; return [hue * 360, chroma * 100, grayscale * 100]; }; convert.hsl.hcg = function (hsl) { const s = hsl[1] / 100; const l = hsl[2] / 100; const c = l < 0.5 ? (2.0 * s * l) : (2.0 * s * (1.0 - l)); let f = 0; if (c < 1.0) { f = (l - 0.5 * c) / (1.0 - c); } return [hsl[0], c * 100, f * 100]; }; convert.hsv.hcg = function (hsv) { const s = hsv[1] / 100; const v = hsv[2] / 100; const c = s * v; let f = 0; if (c < 1.0) { f = (v - c) / (1 - c); } return [hsv[0], c * 100, f * 100]; }; convert.hcg.rgb = function (hcg) { const h = hcg[0] / 360; const c = hcg[1] / 100; const g = hcg[2] / 100; if (c === 0.0) { return [g * 255, g * 255, g * 255]; } const pure = [0, 0, 0]; const hi = (h % 1) * 6; const v = hi % 1; const w = 1 - v; let mg = 0; /* eslint-disable max-statements-per-line */ switch (Math.floor(hi)) { case 0: pure[0] = 1; pure[1] = v; pure[2] = 0; break; case 1: pure[0] = w; pure[1] = 1; pure[2] = 0; break; case 2: pure[0] = 0; pure[1] = 1; pure[2] = v; break; case 3: pure[0] = 0; pure[1] = w; pure[2] = 1; break; case 4: pure[0] = v; pure[1] = 0; pure[2] = 1; break; default: pure[0] = 1; pure[1] = 0; pure[2] = w; } /* eslint-enable max-statements-per-line */ mg = (1.0 - c) * g; return [ (c * pure[0] + mg) * 255, (c * pure[1] + mg) * 255, (c * pure[2] + mg) * 255 ]; }; convert.hcg.hsv = function (hcg) { const c = hcg[1] / 100; const g = hcg[2] / 100; const v = c + g * (1.0 - c); let f = 0; if (v > 0.0) { f = c / v; } return [hcg[0], f * 100, v * 100]; }; convert.hcg.hsl = function (hcg) { const c = hcg[1] / 100; const g = hcg[2] / 100; const l = g * (1.0 - c) + 0.5 * c; let s = 0; if (l > 0.0 && l < 0.5) { s = c / (2 * l); } else if (l >= 0.5 && l < 1.0) { s = c / (2 * (1 - l)); } return [hcg[0], s * 100, l * 100]; }; convert.hcg.hwb = function (hcg) { const c = hcg[1] / 100; const g = hcg[2] / 100; const v = c + g * (1.0 - c); return [hcg[0], (v - c) * 100, (1 - v) * 100]; }; convert.hwb.hcg = function (hwb) { const w = hwb[1] / 100; const b = hwb[2] / 100; const v = 1 - b; const c = v - w; let g = 0; if (c < 1) { g = (v - c) / (1 - c); } return [hwb[0], c * 100, g * 100]; }; convert.apple.rgb = function (apple) { return [(apple[0] / 65535) * 255, (apple[1] / 65535) * 255, (apple[2] / 65535) * 255]; }; convert.rgb.apple = function (rgb) { return [(rgb[0] / 255) * 65535, (rgb[1] / 255) * 65535, (rgb[2] / 255) * 65535]; }; convert.gray.rgb = function (args) { return [args[0] / 100 * 255, args[0] / 100 * 255, args[0] / 100 * 255]; }; convert.gray.hsl = function (args) { return [0, 0, args[0]]; }; convert.gray.hsv = convert.gray.hsl; convert.gray.hwb = function (gray) { return [0, 100, gray[0]]; }; convert.gray.cmyk = function (gray) { return [0, 0, 0, gray[0]]; }; convert.gray.lab = function (gray) { return [gray[0], 0, 0]; }; convert.gray.hex = function (gray) { const val = Math.round(gray[0] / 100 * 255) & 0xFF; const integer = (val << 16) + (val << 8) + val; const string = integer.toString(16).toUpperCase(); return '000000'.substring(string.length) + string; }; convert.rgb.gray = function (rgb) { const val = (rgb[0] + rgb[1] + rgb[2]) / 3; return [val / 255 * 100]; }; color-convert-2.0.1/index.js000066400000000000000000000032541352660725400157710ustar00rootroot00000000000000const conversions = require('./conversions'); const route = require('./route'); const convert = {}; const models = Object.keys(conversions); function wrapRaw(fn) { const wrappedFn = function (...args) { const arg0 = args[0]; if (arg0 === undefined || arg0 === null) { return arg0; } if (arg0.length > 1) { args = arg0; } return fn(args); }; // Preserve .conversion property if there is one if ('conversion' in fn) { wrappedFn.conversion = fn.conversion; } return wrappedFn; } function wrapRounded(fn) { const wrappedFn = function (...args) { const arg0 = args[0]; if (arg0 === undefined || arg0 === null) { return arg0; } if (arg0.length > 1) { args = arg0; } const result = fn(args); // We're assuming the result is an array here. // see notice in conversions.js; don't use box types // in conversion functions. if (typeof result === 'object') { for (let len = result.length, i = 0; i < len; i++) { result[i] = Math.round(result[i]); } } return result; }; // Preserve .conversion property if there is one if ('conversion' in fn) { wrappedFn.conversion = fn.conversion; } return wrappedFn; } models.forEach(fromModel => { convert[fromModel] = {}; Object.defineProperty(convert[fromModel], 'channels', {value: conversions[fromModel].channels}); Object.defineProperty(convert[fromModel], 'labels', {value: conversions[fromModel].labels}); const routes = route(fromModel); const routeModels = Object.keys(routes); routeModels.forEach(toModel => { const fn = routes[toModel]; convert[fromModel][toModel] = wrapRounded(fn); convert[fromModel][toModel].raw = wrapRaw(fn); }); }); module.exports = convert; color-convert-2.0.1/package.json000066400000000000000000000014731352660725400166130ustar00rootroot00000000000000{ "name": "color-convert", "description": "Plain color conversion functions", "version": "2.0.1", "author": "Heather Arthur ", "license": "MIT", "repository": "Qix-/color-convert", "scripts": { "pretest": "xo", "test": "node test/basic.js" }, "engines": { "node": ">=7.0.0" }, "keywords": [ "color", "colour", "convert", "converter", "conversion", "rgb", "hsl", "hsv", "hwb", "cmyk", "ansi", "ansi16" ], "files": [ "index.js", "conversions.js", "route.js" ], "xo": { "rules": { "default-case": 0, "no-inline-comments": 0, "operator-linebreak": 0 } }, "devDependencies": { "chalk": "^2.4.2", "xo": "^0.24.0" }, "dependencies": { "color-name": "~1.1.4" } } color-convert-2.0.1/route.js000066400000000000000000000043211352660725400160140ustar00rootroot00000000000000const conversions = require('./conversions'); /* This function routes a model to all other models. all functions that are routed have a property `.conversion` attached to the returned synthetic function. This property is an array of strings, each with the steps in between the 'from' and 'to' color models (inclusive). conversions that are not possible simply are not included. */ function buildGraph() { const graph = {}; // https://jsperf.com/object-keys-vs-for-in-with-closure/3 const models = Object.keys(conversions); for (let len = models.length, i = 0; i < len; i++) { graph[models[i]] = { // http://jsperf.com/1-vs-infinity // micro-opt, but this is simple. distance: -1, parent: null }; } return graph; } // https://en.wikipedia.org/wiki/Breadth-first_search function deriveBFS(fromModel) { const graph = buildGraph(); const queue = [fromModel]; // Unshift -> queue -> pop graph[fromModel].distance = 0; while (queue.length) { const current = queue.pop(); const adjacents = Object.keys(conversions[current]); for (let len = adjacents.length, i = 0; i < len; i++) { const adjacent = adjacents[i]; const node = graph[adjacent]; if (node.distance === -1) { node.distance = graph[current].distance + 1; node.parent = current; queue.unshift(adjacent); } } } return graph; } function link(from, to) { return function (args) { return to(from(args)); }; } function wrapConversion(toModel, graph) { const path = [graph[toModel].parent, toModel]; let fn = conversions[graph[toModel].parent][toModel]; let cur = graph[toModel].parent; while (graph[cur].parent) { path.unshift(graph[cur].parent); fn = link(conversions[graph[cur].parent][cur], fn); cur = graph[cur].parent; } fn.conversion = path; return fn; } module.exports = function (fromModel) { const graph = deriveBFS(fromModel); const conversion = {}; const models = Object.keys(graph); for (let len = models.length, i = 0; i < len; i++) { const toModel = models[i]; const node = graph[toModel]; if (node.parent === null) { // No possible conversion, or this node is the source model. continue; } conversion[toModel] = wrapConversion(toModel, graph); } return conversion; }; color-convert-2.0.1/test/000077500000000000000000000000001352660725400152775ustar00rootroot00000000000000color-convert-2.0.1/test/basic.js000066400000000000000000000266231352660725400167270ustar00rootroot00000000000000const assert = require('assert'); const chalk = require('chalk'); const keywords = require('color-name'); const conversions = require('../conversions'); const convert = require('..'); const models = Object.keys(conversions); for (let len = models.length, i = 0; i < len; i++) { const toModel = models[i]; for (let j = 0; j < len; j++) { const fromModel = models[j]; if (toModel === fromModel) { continue; } const fn = convert[toModel][fromModel]; if (fn) { const path = (fn.conversion || [fromModel, toModel]).slice(); path[0] = chalk.bold.cyan(path[0]); path[path.length - 1] = chalk.bold.cyan(path[path.length - 1]); console.log(path.join(chalk.bold.black('->'))); } else { console.log(chalk.red([toModel, fromModel].join('->')), chalk.red('(no conversion)')); } } // Should not expose channels assert.ok(convert[toModel].channels > 0); assert.ok(Object.keys(convert[toModel]).indexOf('channels') === -1); } // Labels should be unique const uniqued = {}; models.forEach(model => { const hash = [].slice.call(convert[model].labels).sort().join(''); if (hash in uniqued) { throw new Error('models ' + uniqued[hash] + ' and ' + model + ' have the same label set'); } uniqued[hash] = model; }); assert.deepStrictEqual(convert.rgb.hsl([140, 200, 100]), [96, 48, 59]); assert.deepStrictEqual(convert.rgb.hsv([140, 200, 100]), [96, 50, 78]); assert.deepStrictEqual(convert.rgb.hwb([140, 200, 100]), [96, 39, 22]); assert.deepStrictEqual(convert.rgb.cmyk([140, 200, 100]), [30, 0, 50, 22]); assert.deepStrictEqual(convert.rgb.cmyk([0, 0, 0, 1]), [0, 0, 0, 100]); assert.deepStrictEqual(convert.rgb.keyword([255, 228, 196]), 'bisque'); assert.deepStrictEqual(convert.rgb.xyz([92, 191, 84]), [25, 40, 15]); assert.deepStrictEqual(convert.rgb.lab([92, 191, 84]), [70, -50, 45]); assert.deepStrictEqual(convert.rgb.lch([92, 191, 84]), [70, 67, 138]); assert.deepStrictEqual(convert.rgb.ansi16([92, 191, 84]), 32); assert.deepStrictEqual(convert.rgb.ansi256([92, 191, 84]), 114); assert.deepStrictEqual(convert.rgb.hex([92, 191, 84]), '5CBF54'); assert.deepStrictEqual(convert.rgb.hcg([140, 200, 100]), [96, 39, 65]); assert.deepStrictEqual(convert.rgb.apple([255, 127, 0]), [65535, 32639, 0]); assert.deepStrictEqual(convert.hsl.rgb([96, 48, 59]), [140, 201, 100]); assert.deepStrictEqual(convert.hsl.hsv([96, 48, 59]), [96, 50, 79]); // Colorpicker says [96,50,79] assert.deepStrictEqual(convert.hsl.hwb([96, 48, 59]), [96, 39, 21]); // Computer round to 21, should be 22 assert.deepStrictEqual(convert.hsl.cmyk([96, 48, 59]), [30, 0, 50, 21]); assert.deepStrictEqual(convert.hsl.keyword([240, 100, 50]), 'blue'); assert.deepStrictEqual(convert.hsl.ansi16([240, 100, 50]), 94); assert.deepStrictEqual(convert.hsl.ansi256([240, 100, 50]), 21); assert.deepStrictEqual(convert.hsl.hex([240, 100, 50]), '0000FF'); assert.deepStrictEqual(convert.hsl.hcg([96, 48, 59]), [96, 39, 65]); assert.deepStrictEqual(convert.hsv.rgb([96, 50, 78]), [139, 199, 99]); assert.deepStrictEqual(convert.hsv.hsl([96, 50, 78]), [96, 47, 59]); assert.deepStrictEqual(convert.hsv.hsl([0, 0, 0]), [0, 0, 0]); assert.deepStrictEqual(convert.hsv.hwb([96, 50, 78]), [96, 39, 22]); assert.deepStrictEqual(convert.hsv.cmyk([96, 50, 78]), [30, 0, 50, 22]); assert.deepStrictEqual(convert.hsv.keyword([240, 100, 100]), 'blue'); assert.deepStrictEqual(convert.hsv.ansi16([240, 100, 100]), 94); assert.deepStrictEqual(convert.hsv.ansi256([240, 100, 100]), 21); assert.deepStrictEqual(convert.hsv.hex([251, 80, 42]), '25156B'); assert.deepStrictEqual(convert.hsv.hcg([96, 50, 78]), [96, 39, 64]); assert.deepStrictEqual(convert.cmyk.rgb([30, 0, 50, 22]), [139, 199, 99]); assert.deepStrictEqual(convert.cmyk.hsl([30, 0, 50, 22]), [96, 47, 59]); assert.deepStrictEqual(convert.cmyk.hsv([30, 0, 50, 22]), [96, 50, 78]); assert.deepStrictEqual(convert.cmyk.hwb([30, 0, 50, 22]), [96, 39, 22]); assert.deepStrictEqual(convert.cmyk.keyword([100, 100, 0, 0]), 'blue'); assert.deepStrictEqual(convert.cmyk.ansi16([30, 0, 50, 22]), 93); assert.deepStrictEqual(convert.cmyk.ansi256([30, 0, 50, 22]), 150); assert.deepStrictEqual(convert.cmyk.hex([30, 0, 50, 22]), '8BC763'); assert.deepStrictEqual(convert.keyword.rgb('blue'), [0, 0, 255]); assert.deepStrictEqual(convert.keyword.hsl('blue'), [240, 100, 50]); assert.deepStrictEqual(convert.keyword.hsv('blue'), [240, 100, 100]); assert.deepStrictEqual(convert.keyword.hwb('blue'), [240, 0, 0]); assert.deepStrictEqual(convert.keyword.cmyk('blue'), [100, 100, 0, 0]); assert.deepStrictEqual(convert.keyword.lab('blue'), [32, 79, -108]); assert.deepStrictEqual(convert.keyword.xyz('blue'), [18, 7, 95]); assert.deepStrictEqual(convert.keyword.ansi16('purple'), 35); assert.deepStrictEqual(convert.keyword.ansi256('purple'), 127); assert.deepStrictEqual(convert.keyword.hex('blue'), '0000FF'); assert.deepStrictEqual(convert.xyz.rgb([25, 40, 15]), [97, 190, 85]); assert.deepStrictEqual(convert.xyz.rgb([50, 100, 100]), [0, 255, 241]); assert.deepStrictEqual(convert.xyz.lab([25, 40, 15]), [69, -48, 44]); assert.deepStrictEqual(convert.xyz.lch([25, 40, 15]), [69, 65, 137]); assert.deepStrictEqual(convert.lab.xyz([69, -48, 44]), [25, 39, 15]); assert.deepStrictEqual(convert.lab.rgb([75, 20, -30]), [194, 175, 240]); assert.deepStrictEqual(convert.lab.lch([69, -48, 44]), [69, 65, 137]); assert.deepStrictEqual(convert.lch.lab([69, 65, 137]), [69, -48, 44]); assert.deepStrictEqual(convert.lch.xyz([69, 65, 137]), [25, 39, 15]); assert.deepStrictEqual(convert.lch.rgb([69, 65, 137]), [98, 188, 83]); assert.deepStrictEqual(convert.ansi16.rgb(103), [255, 255, 0]); assert.deepStrictEqual(convert.ansi256.rgb(175), [204, 102, 153]); assert.deepStrictEqual(convert.hex.rgb('ABCDEF'), [171, 205, 239]); assert.deepStrictEqual(convert.hex.rgb('AABBCC'), [170, 187, 204]); assert.deepStrictEqual(convert.hex.rgb('ABC'), [170, 187, 204]); assert.deepStrictEqual(convert.hcg.rgb([96, 39, 64]), [139, 199, 100]); assert.deepStrictEqual(convert.hcg.hsv([96, 39, 64]), [96, 50, 78]); assert.deepStrictEqual(convert.hcg.hsl([96, 39, 64]), [96, 47, 59]); // https://github.com/Qix-/color-convert/issues/73 assert.deepStrictEqual(convert.rgb.hcg.raw([250, 0, 255]), [298.8235294117647, 100, 0]); // Non-array arguments assert.deepStrictEqual(convert.hsl.rgb(96, 48, 59), [140, 201, 100]); // Raw functions function round(vals) { for (let i = 0; i < vals.length; i++) { vals[i] = Number(vals[i].toFixed(1)); } return vals; } assert.deepStrictEqual(round(convert.hsl.rgb.raw([96, 48, 59])), [140.4, 200.6, 100.3]); assert.deepStrictEqual(round(convert.rgb.hsl.raw([140, 200, 100])), [96, 47.6, 58.8]); assert.deepStrictEqual(round(convert.hsv.rgb.raw([96, 50, 78])), [139.2, 198.9, 99.5]); assert.deepStrictEqual(round(convert.rgb.hsv.raw([140, 200, 100])), [96, 50, 78.4]); assert.deepStrictEqual(round(convert.hwb.rgb.raw([96, 39, 22])), [139.2, 198.9, 99.5]); assert.deepStrictEqual(round(convert.rgb.hwb.raw([140, 200, 100])), [96, 39.2, 21.6]); assert.deepStrictEqual(round(convert.cmyk.rgb.raw([30, 0, 50, 22])), [139.2, 198.9, 99.5]); assert.deepStrictEqual(round(convert.rgb.cmyk.raw([140, 200, 100])), [30, 0, 50, 21.6]); assert.deepStrictEqual(round(convert.keyword.rgb.raw('blue')), [0, 0, 255]); assert.deepStrictEqual(convert.rgb.keyword.raw([255, 228, 196]), 'bisque'); assert.deepStrictEqual(round(convert.hsv.hsl.raw([96, 50, 78])), [96, 47, 58.5]); assert.deepStrictEqual(round(convert.hsv.hsl.raw([302, 32, 55])), [302, 19.0, 46.2]); assert.deepStrictEqual(round(convert.hsv.hsl.raw([267, 19, 89])), [267, 43.5, 80.5]); assert.deepStrictEqual(round(convert.hsv.hsl.raw([267, 91, 95])), [267, 89.6, 51.8]); assert.deepStrictEqual(round(convert.hsv.hsl.raw([267, 91, 12])), [267, 83.5, 6.5]); assert.deepStrictEqual(round(convert.hsv.hsl.raw([180, 50, 0])), [180, 33.3, 0]); // Preserve saturation assert.deepStrictEqual(round(convert.hsl.hsv.raw([96, 48, 59])), [96, 50, 78.7]); assert.deepStrictEqual(round(convert.hsl.hsv.raw([120, 54, 61])), [120, 51.3, 82.1]); assert.deepStrictEqual(round(convert.hsl.hsv.raw([27, 51, 43])), [27, 67.5, 64.9]); assert.deepStrictEqual(round(convert.hsl.hsv.raw([241, 17, 79])), [241, 8.6, 82.6]); assert.deepStrictEqual(round(convert.hsl.hsv.raw([120, 50, 0])), [120, 66.7, 0]); // Preserve saturation assert.deepStrictEqual(round(convert.xyz.rgb.raw([25, 40, 15])), [97.4, 189.9, 85]); assert.deepStrictEqual(round(convert.rgb.xyz.raw([92, 191, 84])), [24.6, 40.2, 14.8]); assert.deepStrictEqual(round(convert.rgb.lab.raw([92, 191, 84])), [69.6, -50.1, 44.6]); // Hwb // http://dev.w3.org/csswg/css-color/#hwb-examples // all extreme value should give black, white or grey for (let angle = 0; angle <= 360; angle++) { assert.deepStrictEqual(convert.hwb.rgb([angle, 0, 100]), [0, 0, 0]); assert.deepStrictEqual(convert.hwb.rgb([angle, 100, 0]), [255, 255, 255]); assert.deepStrictEqual(convert.hwb.rgb([angle, 100, 100]), [128, 128, 128]); } assert.deepStrictEqual(convert.hwb.rgb([0, 0, 0]), [255, 0, 0]); assert.deepStrictEqual(convert.hwb.rgb([0, 20, 40]), [153, 51, 51]); assert.deepStrictEqual(convert.hwb.rgb([0, 40, 40]), [153, 102, 102]); assert.deepStrictEqual(convert.hwb.rgb([0, 40, 20]), [204, 102, 102]); assert.deepStrictEqual(convert.hwb.rgb([120, 0, 0]), [0, 255, 0]); assert.deepStrictEqual(convert.hwb.rgb([120, 20, 40]), [51, 153, 51]); assert.deepStrictEqual(convert.hwb.rgb([120, 40, 40]), [102, 153, 102]); assert.deepStrictEqual(convert.hwb.rgb([120, 40, 20]), [102, 204, 102]); assert.deepStrictEqual(convert.hwb.rgb([240, 0, 0]), [0, 0, 255]); assert.deepStrictEqual(convert.hwb.rgb([240, 20, 40]), [51, 51, 153]); assert.deepStrictEqual(convert.hwb.rgb([240, 40, 40]), [102, 102, 153]); assert.deepStrictEqual(convert.hwb.rgb([240, 40, 20]), [102, 102, 204]); // Black should always stay black const val = [0, 0, 0]; assert.deepStrictEqual(convert.hsl.hsv(val), val); assert.deepStrictEqual(convert.hsl.rgb(val), val); assert.deepStrictEqual(convert.hsl.hwb(val), [0, 0, 100]); assert.deepStrictEqual(convert.hsl.cmyk(val), [0, 0, 0, 100]); assert.deepStrictEqual(convert.hsl.hex(val), '000000'); // Test keyword rounding assert.deepStrictEqual(convert.rgb.keyword(255, 255, 0), 'yellow'); assert.deepStrictEqual(convert.rgb.keyword(255, 255, 1), 'yellow'); assert.deepStrictEqual(convert.rgb.keyword(250, 254, 1), 'yellow'); // Assure euclidean distance algorithm produces perfectly inverse results const keywordKeys = Object.keys(keywords); for (const k of keywordKeys) { // Why the roundabout testing method? certain css keywords have the same color values. const derived = convert.rgb.keyword(keywords[k]); assert.deepStrictEqual(keywords[derived], keywords[k]); } // Basic gray tests assert.deepStrictEqual(convert.gray.rgb([0]), [0, 0, 0]); assert.deepStrictEqual(convert.gray.rgb([50]), [128, 128, 128]); assert.deepStrictEqual(convert.gray.rgb([100]), [255, 255, 255]); assert.deepStrictEqual(convert.gray.hsl([50]), [0, 0, 50]); assert.deepStrictEqual(convert.gray.hsv([50]), [0, 0, 50]); assert.deepStrictEqual(convert.gray.hwb([50]), [0, 100, 50]); assert.deepStrictEqual(convert.gray.cmyk([50]), [0, 0, 0, 50]); assert.deepStrictEqual(convert.gray.lab([50]), [50, 0, 0]); assert.deepStrictEqual(convert.gray.hex([50]), '808080'); assert.deepStrictEqual(convert.gray.hex([100]), 'FFFFFF'); assert.deepStrictEqual(convert.gray.hex([0]), '000000'); assert.deepStrictEqual(convert.rgb.gray([0, 0, 0]), [0]); assert.deepStrictEqual(convert.rgb.gray([128, 128, 128]), [50]); assert.deepStrictEqual(convert.rgb.gray([255, 255, 255]), [100]); assert.deepStrictEqual(convert.rgb.gray([0, 128, 255]), [50]);