toosoon-utils 2.2.0 → 2.3.0

package/lib/colors.js

@@ -0,0 +1,367 @@
+import { W3CX11 } from './constants';
+import { toDegrees, toRadians } from './geometry';
+import { clamp } from './maths';
+/**
+ * Normalize a color representation into RGB
+ *
+ * @param {ColorRepresentation} color Color representation
+ * @returns {[number,number,number]} Normalized RGB color
+ */
+export function normalizeColor(color) {
+    var _a;
+    if (typeof color === 'string') {
+        return hexToRgb((_a = W3CX11[color]) !== null && _a !== void 0 ? _a : color);
+    }
+    else if (typeof color === 'number') {
+        return hexToRgb(color);
+    }
+    else {
+        return color;
+    }
+}
+// ******************************************
+// RGB & Hexadecimal color spaces
+// ******************************************
+/**
+ * Normalize an hexadecimal string
+ *
+ * @param {string} hex Hexadecimal string
+ * @returns {string} Normalized hexadecimal string
+ */
+export function normalizeHexString(hex) {
+    var match;
+    var result = '000000';
+    hex = hex.toLocaleLowerCase();
+    if ((match = hex.match(/(#|0x)?([a-f0-9]{6})/i))) {
+        result = match[2];
+    }
+    else if ((match = hex.match(/^#?([a-f0-9])([a-f0-9])([a-f0-9])$/i))) {
+        result = match[1] + match[1] + match[2] + match[2] + match[3] + match[3];
+    }
+    else if ((match = hex.match(/rgb\(\s*(\d*)\s*,\s*(\d*)\s*,\s*(\d*)\s*\)/))) {
+        result =
+            parseInt(match[1]).toString(16).padStart(2, '0') +
+                parseInt(match[2]).toString(16).padStart(2, '0') +
+                parseInt(match[3]).toString(16).padStart(2, '0');
+    }
+    return "#".concat(result);
+}
+/**
+ * Convert RGB to hexadecimal
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {number} Hexadecimal color
+ */
+export function rgbToHex(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    return ((r * 255) << 16) ^ ((g * 255) << 8) ^ ((b * 255) << 0);
+}
+/**
+ * Convert RGB to hexadecimal string
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {string} Hexadecimal string
+ */
+export function rgbToHexString(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    r = clamp(Math.round(r * 255), 0, 255);
+    g = clamp(Math.round(g * 255), 0, 255);
+    b = clamp(Math.round(b * 255), 0, 255);
+    var result = (b | (g << 8) | (r << 16) | (1 << 24)).toString(16).slice(1);
+    return "#".concat(result);
+}
+/**
+ * Convert hexadecimal to RGB
+ * Note: rgb values are contained in the interval [0, 1]
+ *
+ * @param  {(number|string)} hex Hexadecimal color
+ * @returns {[number, number, number]} RGB color
+ */
+export function hexToRgb(hex) {
+    if (typeof hex === 'number') {
+        hex = Math.floor(hex);
+    }
+    else if (typeof hex === 'string') {
+        hex = normalizeHexString(hex).replace(/^#/, '');
+        hex = parseInt(hex, 16);
+    }
+    var r = ((hex >> 16) & 255) / 255;
+    var g = ((hex >> 8) & 255) / 255;
+    var b = (hex & 255) / 255;
+    return [r, g, b];
+}
+/**
+ * Lighten a color
+ *
+ * @param {string} hex        Hexadecimal string
+ * @param {number} [amount=0] Amount of the color offset
+ * @returns {string} Computed hexadecimal
+ */
+export function lighten(hex, amount) {
+    if (amount === void 0) { amount = 0; }
+    var prefix = '';
+    if (hex[0] === '#') {
+        hex = hex.slice(1);
+        prefix = '#';
+    }
+    var value = parseInt(hex, 16);
+    var r = clamp((value >> 16) + amount, 0, 255);
+    var b = clamp(((value >> 8) & 0x00ff) + amount, 0, 255);
+    var g = clamp((value & 0x0000ff) + amount, 0, 255);
+    var result = g | (b << 8) | (r << 16);
+    if (r === 0 && g === 0 && b === 0 && amount !== 0) {
+        result = '000000';
+    }
+    return prefix + result.toString(16);
+}
+/**
+ * Darken a color
+ *
+ * @param {string} hex        Hexadecimal string
+ * @param {number} [amount=0] Amount of the color offset
+ * @returns {string} Computed hexadecimal
+ */
+export function darken(hex, amount) {
+    if (amount === void 0) { amount = 0; }
+    return lighten(hex, -amount);
+}
+// ***************************************************
+// RGB & Hue-Saturation-Lightness (HSL) color spaces
+// ***************************************************
+/**
+ * Normalize an HSL string
+ * Note: hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {string} hsl HSL string (format: 'hsl(360, 100%, 100%)')
+ * @returns {[number, number, number]} Normalized HSL color
+ */
+export function normalizeHslString(hsl) {
+    var _a, _b;
+    var _c = (_b = (_a = hsl.match(/\d+/g)) === null || _a === void 0 ? void 0 : _a.map(Number)) !== null && _b !== void 0 ? _b : [0, 0, 0], h = _c[0], s = _c[1], l = _c[2];
+    return [h, s / 100, l / 100];
+}
+/**
+ * Convert RGB to HSL
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HSL color
+ */
+export function rgbToHsl(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    var l = Math.max(r, g, b);
+    var s = l - Math.min(r, g, b);
+    var h = s ? (l === r ? (g - b) / s : l === g ? 2 + (b - r) / s : 4 + (r - g) / s) : 0;
+    return [
+        60 * h < 0 ? 60 * h + 360 : 60 * h,
+        s ? (l <= 0.5 ? s / (2 * l - s) : s / (2 - (2 * l - s))) : 0,
+        (2 * l - s) / 2
+    ];
+}
+/**
+ * Convert HSL to RGB
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsl values are contained in the intervals H: [0, 360], S: [0, 1], L: [0, 1]
+ *
+ * @param  {[number, number, number]} hsl HSL color
+ * @returns {[number, number, number]} RGB color
+ */
+export function hslToRgb(_a) {
+    var h = _a[0], s = _a[1], l = _a[2];
+    var a = s * Math.min(l, 1 - l);
+    var k = function (v) { return (v + h / 30) % 12; };
+    var f = function (v) { return l - a * Math.max(-1, Math.min(k(v) - 3, Math.min(9 - k(v), 1))); };
+    return [f(0), f(8), f(4)];
+}
+// ***************************************************
+// RGB & Hue-Saturation-Brightness (HSB) color spaces
+// ***************************************************
+/**
+ * Convert RGB to HSB
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsb values are contained in the intervals H: [0, 360], S: [0, 1], B: [0, 1]
+ *
+ * @param  {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HSB color
+ */
+export function rgbToHsb(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    var max = Math.max(r, g, b);
+    var min = Math.min(r, g, b);
+    var delta = max - min;
+    var h = delta === 0 ? 0 : delta && max === r ? (g - b) / delta : max === g ? 2 + (b - r) / delta : 4 + (r - g) / delta;
+    return [60 * (h < 0 ? h + 6 : h), max && delta / max, max];
+}
+/**
+ * Convert HSB to RGB
+ * Notes:
+ *  - rgb values are contained in the interval [0, 1]
+ *  - hsb values are contained in the intervals H: [0, 360], S: [0, 1], B: [0, 1]
+ *
+ * @param  {[number, number, number]} hsb HSB color
+ * @returns {[number, number, number]} RGB color
+ */
+export function hsbToRgb(_a) {
+    var h = _a[0], s = _a[1], b = _a[2];
+    var k = function (v) { return (v + h / 60) % 6; };
+    var f = function (v) { return b * (1 - s * Math.max(0, Math.min(k(v), 4 - k(v), 1))); };
+    return [f(5), f(3), f(1)];
+}
+// *********************************************
+// LAB & Hue-Chroma-Luminance (HCL) color spaces
+// *********************************************
+/**
+ * Convert LAB to HCL
+ * -> http://www.brucelindbloom.com/index.html?Eqn_Lab_to_LCH.html
+ *
+ * @param {[number, number, number]} lab LAB color
+ * @returns {[number, number, number]} HCL color
+ */
+export function labToHcl(_a) {
+    var l = _a[0], a = _a[1], b = _a[2];
+    var c = Math.sqrt(a * a + b * b);
+    var h = abToHue(a, b);
+    return [h, c, l];
+}
+/**
+ * Convert HCL to LAB
+ * -> http://www.brucelindbloom.com/index.html?Eqn_LCH_to_Lab.html
+ *
+ * @param {[number, number, number]} hcl HCL color
+ * @returns {[number, number, number]} LAB color space
+ */
+export function hclToLab(_a) {
+    var h = _a[0], c = _a[1], l = _a[2];
+    var a = c * Math.cos(toRadians(h));
+    var b = c * Math.sin(toRadians(h));
+    return [l, a, b];
+}
+/**
+ * Convert A and B of LAB to Hue of LCH
+ * -> https://stackoverflow.com/questions/53733379/conversion-of-cielab-to-cielchab-not-yielding-correct-result
+ *
+ * @param {number} a A value of LAB color
+ * @param {number} b B value of LAB color
+ * @returns {number} Hue value
+ */
+function abToHue(a, b) {
+    if (a >= 0 && b === 0) {
+        return 0;
+    }
+    if (a < 0 && b === 0) {
+        return 180;
+    }
+    if (a === 0 && b > 0) {
+        return 90;
+    }
+    if (a === 0 && b < 0) {
+        return 270;
+    }
+    var xBias = 0;
+    if (a > 0 && b > 0) {
+        xBias = 0;
+    }
+    else if (a < 0) {
+        xBias = 180;
+    }
+    else if (a > 0 && b < 0) {
+        xBias = 360;
+    }
+    return toDegrees(Math.atan(b / a)) + xBias;
+}
+// ******************************************
+// LAB & RGB color spaces
+// ******************************************
+var f1 = function (v) { return (v * v * v > 0.008856 ? v * v * v : (v - 16 / 116) / 7.787); };
+var f2 = function (v) { return (v > 0.0031308 ? 1.055 * Math.pow(v, 1 / 2.4) - 0.055 : 12.92 * v); };
+var f3 = function (v) { return (v > 0.04045 ? Math.pow((v + 0.055) / 1.055, 2.4) : v / 12.92); };
+var f4 = function (v) { return (v > 0.008856 ? Math.pow(v, 1 / 3) : 7.787 * v + 16 / 116); };
+/**
+ * Converts LAB to RGB
+ *
+ * @param {[number, number, number]} lab LAB color
+ * @returns {[number, number, number]} RGB color
+ */
+export function labToRgb(_a) {
+    var l = _a[0], a = _a[1], b = _a[2];
+    var y = (l + 16) / 116;
+    var x = a / 500 + y;
+    var z = y - b / 200;
+    x = 0.95047 * f1(x);
+    y = 1.0 * f1(y);
+    z = 1.08883 * f1(z);
+    return [
+        clamp(f2(x * 3.2406 + y * -1.5372 + z * -0.4986)),
+        clamp(f2(x * -0.9689 + y * 1.8758 + z * 0.0415)),
+        clamp(f2(x * 0.0557 + y * -0.204 + z * 1.057))
+    ];
+}
+/**
+ * Converts RGB to LAB
+ *
+ * @param {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} LAB color
+ */
+export function rgbToLab(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    r = f3(r);
+    g = f3(g);
+    b = f3(b);
+    var x = f4((r * 0.4124 + g * 0.3576 + b * 0.1805) / 0.95047);
+    var y = f4((r * 0.2126 + g * 0.7152 + b * 0.0722) / 1);
+    var z = f4((r * 0.0193 + g * 0.1192 + b * 0.9505) / 1.08883);
+    return [116 * y - 16, 500 * (x - y), 200 * (y - z)];
+}
+/**
+ * Get the delta from two LAB colors
+ *
+ * @param {[number, number, number]} labA First LAB color
+ * @param {[number, number, number]} labB Second LAB color
+ * @returns {number} Delta
+ */
+export function deltaE(labA, labB) {
+    var deltaL = labA[0] - labB[0];
+    var deltaA = labA[1] - labB[1];
+    var deltaB = labA[2] - labB[2];
+    var c1 = Math.sqrt(labA[1] * labA[1] + labA[2] * labA[2]);
+    var c2 = Math.sqrt(labB[1] * labB[1] + labB[2] * labB[2]);
+    var deltaC = c1 - c2;
+    var deltaH = deltaA * deltaA + deltaB * deltaB - deltaC * deltaC;
+    deltaH = deltaH < 0 ? 0 : Math.sqrt(deltaH);
+    var sc = 1.0 + 0.045 * c1;
+    var sh = 1.0 + 0.015 * c1;
+    var deltaLKlsl = deltaL / 1;
+    var deltaCkcsc = deltaC / sc;
+    var deltaHkhsh = deltaH / sh;
+    var i = deltaLKlsl * deltaLKlsl + deltaCkcsc * deltaCkcsc + deltaHkhsh * deltaHkhsh;
+    return i < 0 ? 0 : Math.sqrt(i);
+}
+// *********************************************
+// RGB & Hue-Chroma-Luminance (HCL) color spaces
+// *********************************************
+/**
+ * Convert RGB to HCL
+ *
+ * @param {[number, number, number]} rgb RGB color
+ * @returns {[number, number, number]} HCL color
+ */
+export function rgbToHcl(_a) {
+    var r = _a[0], g = _a[1], b = _a[2];
+    return labToHcl(rgbToLab([r, g, b]));
+}
+/**
+ * Converts HCL to RGB
+ *
+ * @param {[number, number, number]} hcl RGB color
+ * @returns {[number, number, number]} RGB color
+ */
+export function hclToRgb(_a) {
+    var h = _a[0], c = _a[1], l = _a[2];
+    return labToRgb(hclToLab([h, c, l]));
+}

package/lib/constants.d.ts

@@ -0,0 +1,162 @@
+export declare const EPSILON = 1e-10;
+export declare const PI: number;
+export declare const TWO_PI: number;
+export declare const HALF_PI: number;
+export declare const QUARTER_PI: number;
+export declare const W3CX11: {
+    aliceblue: number;
+    antiquewhite: number;
+    aqua: number;
+    aquamarine: number;
+    azure: number;
+    beige: number;
+    bisque: number;
+    black: number;
+    blanchedalmond: number;
+    blue: number;
+    blueviolet: number;
+    brown: number;
+    burlywood: number;
+    cadetblue: number;
+    chartreuse: number;
+    chocolate: number;
+    coral: number;
+    cornflower: number;
+    cornflowerblue: number;
+    cornsilk: number;
+    crimson: number;
+    cyan: number;
+    darkblue: number;
+    darkcyan: number;
+    darkgoldenrod: number;
+    darkgray: number;
+    darkgreen: number;
+    darkgrey: number;
+    darkkhaki: number;
+    darkmagenta: number;
+    darkolivegreen: number;
+    darkorange: number;
+    darkorchid: number;
+    darkred: number;
+    darksalmon: number;
+    darkseagreen: number;
+    darkslateblue: number;
+    darkslategray: number;
+    darkslategrey: number;
+    darkturquoise: number;
+    darkviolet: number;
+    deeppink: number;
+    deepskyblue: number;
+    dimgray: number;
+    dimgrey: number;
+    dodgerblue: number;
+    firebrick: number;
+    floralwhite: number;
+    forestgreen: number;
+    fuchsia: number;
+    gainsboro: number;
+    ghostwhite: number;
+    gold: number;
+    goldenrod: number;
+    gray: number;
+    green: number;
+    greenyellow: number;
+    grey: number;
+    honeydew: number;
+    hotpink: number;
+    indianred: number;
+    indigo: number;
+    ivory: number;
+    khaki: number;
+    laserlemon: number;
+    lavender: number;
+    lavenderblush: number;
+    lawngreen: number;
+    lemonchiffon: number;
+    lightblue: number;
+    lightcoral: number;
+    lightcyan: number;
+    lightgoldenrod: number;
+    lightgoldenrodyellow: number;
+    lightgray: number;
+    lightgreen: number;
+    lightgrey: number;
+    lightpink: number;
+    lightsalmon: number;
+    lightseagreen: number;
+    lightskyblue: number;
+    lightslategray: number;
+    lightslategrey: number;
+    lightsteelblue: number;
+    lightyellow: number;
+    lime: number;
+    limegreen: number;
+    linen: number;
+    magenta: number;
+    maroon: number;
+    maroon2: number;
+    maroon3: number;
+    mediumaquamarine: number;
+    mediumblue: number;
+    mediumorchid: number;
+    mediumpurple: number;
+    mediumseagreen: number;
+    mediumslateblue: number;
+    mediumspringgreen: number;
+    mediumturquoise: number;
+    mediumvioletred: number;
+    midnightblue: number;
+    mintcream: number;
+    mistyrose: number;
+    moccasin: number;
+    navajowhite: number;
+    navy: number;
+    oldlace: number;
+    olive: number;
+    olivedrab: number;
+    orange: number;
+    orangered: number;
+    orchid: number;
+    palegoldenrod: number;
+    palegreen: number;
+    paleturquoise: number;
+    palevioletred: number;
+    papayawhip: number;
+    peachpuff: number;
+    peru: number;
+    pink: number;
+    plum: number;
+    powderblue: number;
+    purple: number;
+    purple2: number;
+    purple3: number;
+    rebeccapurple: number;
+    red: number;
+    rosybrown: number;
+    royalblue: number;
+    saddlebrown: number;
+    salmon: number;
+    sandybrown: number;
+    seagreen: number;
+    seashell: number;
+    sienna: number;
+    silver: number;
+    skyblue: number;
+    slateblue: number;
+    slategray: number;
+    slategrey: number;
+    snow: number;
+    springgreen: number;
+    steelblue: number;
+    tan: number;
+    teal: number;
+    thistle: number;
+    tomato: number;
+    turquoise: number;
+    violet: number;
+    wheat: number;
+    white: number;
+    whitesmoke: number;
+    yellow: number;
+    yellowgreen: number;
+};

package/lib/constants.js

@@ -0,0 +1,170 @@
+// *********************
+// Maths
+// *********************
+export var EPSILON = 1e-10;
+export var PI = Math.PI;
+export var TWO_PI = Math.PI * 2;
+export var HALF_PI = Math.PI / 2;
+export var QUARTER_PI = Math.PI / 4;
+// *********************
+// Colors
+// *********************
+// X11 colors
+// -> https://www.w3.org/TR/css-color-3/#svg-color
+export var W3CX11 = {
+    aliceblue: 0xf0f8ff,
+    antiquewhite: 0xfaebd7,
+    aqua: 0x00ffff,
+    aquamarine: 0x7fffd4,
+    azure: 0xf0ffff,
+    beige: 0xf5f5dc,
+    bisque: 0xffe4c4,
+    black: 0x000000,
+    blanchedalmond: 0xffebcd,
+    blue: 0x0000ff,
+    blueviolet: 0x8a2be2,
+    brown: 0xa52a2a,
+    burlywood: 0xdeb887,
+    cadetblue: 0x5f9ea0,
+    chartreuse: 0x7fff00,
+    chocolate: 0xd2691e,
+    coral: 0xff7f50,
+    cornflower: 0x6495ed,
+    cornflowerblue: 0x6495ed,
+    cornsilk: 0xfff8dc,
+    crimson: 0xdc143c,
+    cyan: 0x00ffff,
+    darkblue: 0x00008b,
+    darkcyan: 0x008b8b,
+    darkgoldenrod: 0xb8860b,
+    darkgray: 0xa9a9a9,
+    darkgreen: 0x006400,
+    darkgrey: 0xa9a9a9,
+    darkkhaki: 0xbdb76b,
+    darkmagenta: 0x8b008b,
+    darkolivegreen: 0x556b2f,
+    darkorange: 0xff8c00,
+    darkorchid: 0x9932cc,
+    darkred: 0x8b0000,
+    darksalmon: 0xe9967a,
+    darkseagreen: 0x8fbc8f,
+    darkslateblue: 0x483d8b,
+    darkslategray: 0x2f4f4f,
+    darkslategrey: 0x2f4f4f,
+    darkturquoise: 0x00ced1,
+    darkviolet: 0x9400d3,
+    deeppink: 0xff1493,
+    deepskyblue: 0x00bfff,
+    dimgray: 0x696969,
+    dimgrey: 0x696969,
+    dodgerblue: 0x1e90ff,
+    firebrick: 0xb22222,
+    floralwhite: 0xfffaf0,
+    forestgreen: 0x228b22,
+    fuchsia: 0xff00ff,
+    gainsboro: 0xdcdcdc,
+    ghostwhite: 0xf8f8ff,
+    gold: 0xffd700,
+    goldenrod: 0xdaa520,
+    gray: 0x808080,
+    green: 0x008000,
+    greenyellow: 0xadff2f,
+    grey: 0x808080,
+    honeydew: 0xf0fff0,
+    hotpink: 0xff69b4,
+    indianred: 0xcd5c5c,
+    indigo: 0x4b0082,
+    ivory: 0xfffff0,
+    khaki: 0xf0e68c,
+    laserlemon: 0xffff54,
+    lavender: 0xe6e6fa,
+    lavenderblush: 0xfff0f5,
+    lawngreen: 0x7cfc00,
+    lemonchiffon: 0xfffacd,
+    lightblue: 0xadd8e6,
+    lightcoral: 0xf08080,
+    lightcyan: 0xe0ffff,
+    lightgoldenrod: 0xfafad2,
+    lightgoldenrodyellow: 0xfafad2,
+    lightgray: 0xd3d3d3,
+    lightgreen: 0x90ee90,
+    lightgrey: 0xd3d3d3,
+    lightpink: 0xffb6c1,
+    lightsalmon: 0xffa07a,
+    lightseagreen: 0x20b2aa,
+    lightskyblue: 0x87cefa,
+    lightslategray: 0x778899,
+    lightslategrey: 0x778899,
+    lightsteelblue: 0xb0c4de,
+    lightyellow: 0xffffe0,
+    lime: 0x00ff00,
+    limegreen: 0x32cd32,
+    linen: 0xfaf0e6,
+    magenta: 0xff00ff,
+    maroon: 0x800000,
+    maroon2: 0x7f0000,
+    maroon3: 0xb03060,
+    mediumaquamarine: 0x66cdaa,
+    mediumblue: 0x0000cd,
+    mediumorchid: 0xba55d3,
+    mediumpurple: 0x9370db,
+    mediumseagreen: 0x3cb371,
+    mediumslateblue: 0x7b68ee,
+    mediumspringgreen: 0x00fa9a,
+    mediumturquoise: 0x48d1cc,
+    mediumvioletred: 0xc71585,
+    midnightblue: 0x191970,
+    mintcream: 0xf5fffa,
+    mistyrose: 0xffe4e1,
+    moccasin: 0xffe4b5,
+    navajowhite: 0xffdead,
+    navy: 0x000080,
+    oldlace: 0xfdf5e6,
+    olive: 0x808000,
+    olivedrab: 0x6b8e23,
+    orange: 0xffa500,
+    orangered: 0xff4500,
+    orchid: 0xda70d6,
+    palegoldenrod: 0xeee8aa,
+    palegreen: 0x98fb98,
+    paleturquoise: 0xafeeee,
+    palevioletred: 0xdb7093,
+    papayawhip: 0xffefd5,
+    peachpuff: 0xffdab9,
+    peru: 0xcd853f,
+    pink: 0xffc0cb,
+    plum: 0xdda0dd,
+    powderblue: 0xb0e0e6,
+    purple: 0x800080,
+    purple2: 0x7f007f,
+    purple3: 0xa020f0,
+    rebeccapurple: 0x663399,
+    red: 0xff0000,
+    rosybrown: 0xbc8f8f,
+    royalblue: 0x4169e1,
+    saddlebrown: 0x8b4513,
+    salmon: 0xfa8072,
+    sandybrown: 0xf4a460,
+    seagreen: 0x2e8b57,
+    seashell: 0xfff5ee,
+    sienna: 0xa0522d,
+    silver: 0xc0c0c0,
+    skyblue: 0x87ceeb,
+    slateblue: 0x6a5acd,
+    slategray: 0x708090,
+    slategrey: 0x708090,
+    snow: 0xfffafa,
+    springgreen: 0x00ff7f,
+    steelblue: 0x4682b4,
+    tan: 0xd2b48c,
+    teal: 0x008080,
+    thistle: 0xd8bfd8,
+    tomato: 0xff6347,
+    turquoise: 0x40e0d0,
+    violet: 0xee82ee,
+    wheat: 0xf5deb3,
+    white: 0xffffff,
+    whitesmoke: 0xf5f5f5,
+    yellow: 0xffff00,
+    yellowgreen: 0x9acd32
+};