add ColorUtil
This commit is contained in:
Snowflake
GitHub
parent
67c361b9cd
commit
6db3a4fc6e
1 changed files with 443 additions and 0 deletions
443
src/utils/colorutil.ts
Normal file
443
src/utils/colorutil.ts
Normal file
|
|
@ -0,0 +1,443 @@
|
||||||
|
export interface Colors {
|
||||||
|
|
||||||
|
// Custom list
|
||||||
|
DEFAULT: number;
|
||||||
|
WHITE: number;
|
||||||
|
AQUA: number;
|
||||||
|
GREEN: number;
|
||||||
|
BLUE: number;
|
||||||
|
YELLOW: number;
|
||||||
|
PURPLE: number;
|
||||||
|
LUMINOUS_VIVID_PINK: number;
|
||||||
|
GOLD: number;
|
||||||
|
ORANGE: number;
|
||||||
|
RED: number;
|
||||||
|
GREY: number;
|
||||||
|
NAVY: number;
|
||||||
|
DARK_AQUA: number;
|
||||||
|
DARK_GREEN: number;
|
||||||
|
DARK_BLUE: number;
|
||||||
|
DARK_PURPLE: number;
|
||||||
|
DARK_VIVID_PINK: number;
|
||||||
|
DARK_GOLD: number;
|
||||||
|
DARK_ORANGE: number;
|
||||||
|
DARK_RED: number;
|
||||||
|
DARK_GREY: number;
|
||||||
|
DARKER_GREY: number;
|
||||||
|
LIGHT_GREY: number;
|
||||||
|
DARK_NAVY: number;
|
||||||
|
BLURPLE: number;
|
||||||
|
DARK_BLURPLE: number;
|
||||||
|
GREYPLE: number;
|
||||||
|
DARK_BUT_NOT_BLACK: number;
|
||||||
|
NOT_QUITE_BLACK: number;
|
||||||
|
|
||||||
|
// css color list
|
||||||
|
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;
|
||||||
|
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;
|
||||||
|
goldenrod: number;
|
||||||
|
gold: number;
|
||||||
|
gray: number;
|
||||||
|
green: number;
|
||||||
|
greenyellow: number;
|
||||||
|
grey: number;
|
||||||
|
honeydew: number;
|
||||||
|
hotpink: number;
|
||||||
|
indianred: number;
|
||||||
|
indigo: number;
|
||||||
|
ivory: number;
|
||||||
|
khaki: number;
|
||||||
|
lavenderblush: number;
|
||||||
|
lavender: number;
|
||||||
|
lawngreen: number;
|
||||||
|
lemonchiffon: number;
|
||||||
|
lightblue: number;
|
||||||
|
lightcoral: number;
|
||||||
|
lightcyan: 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;
|
||||||
|
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;
|
||||||
|
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
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// eslint-disable-next-line
|
||||||
|
export class ColorUtil {
|
||||||
|
constructor() {
|
||||||
|
throw new Error(`The ${this.constructor.name} class may not be instantiated!`)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Encodes color int into hex code
|
||||||
|
* @param color The color as int
|
||||||
|
*/
|
||||||
|
static intToHex(color: number): string {
|
||||||
|
if (!ColorUtil.validateColor(color)) throw new Error('Invalid color')
|
||||||
|
return `#${color.toString(16)}`
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Validates hex color
|
||||||
|
* @param color The color to validate
|
||||||
|
*/
|
||||||
|
static validateColor(color: number): boolean {
|
||||||
|
if (color < 0 || color > 0xffffff) return false;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolves RGB color array
|
||||||
|
* @param color RGB color array
|
||||||
|
*/
|
||||||
|
static resolveRGB(color: [number, number, number]): number {
|
||||||
|
return (color[0] << 16) + (color[1] << 8) + color[2]
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolves hex code
|
||||||
|
* @param hexcode The hex code
|
||||||
|
*/
|
||||||
|
static resolveHex(hexcode: string): number {
|
||||||
|
if (!ColorUtil.isHex(hexcode)) throw new Error('Invalid hex code')
|
||||||
|
return parseInt(hexcode.replace('#', ''), 16)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Validates hex code
|
||||||
|
* @param hexcode The hex code
|
||||||
|
*/
|
||||||
|
static isHex(hexcode: string): boolean {
|
||||||
|
return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(hexcode)
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Returns random hex code */
|
||||||
|
static randomHex(): string {
|
||||||
|
const code = `#${Math.floor(Math.random() * (0xffffff + 1)).toString(16)}`
|
||||||
|
if (!ColorUtil.isHex(code)) return '#000000'
|
||||||
|
return code
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resolves color by name
|
||||||
|
* @param color The color name
|
||||||
|
*/
|
||||||
|
static resolveColor(color?: keyof Colors | 'RANDOM'): number {
|
||||||
|
if (!color) return 0 // eslint-disable-line
|
||||||
|
if (color === 'RANDOM') return Math.floor(Math.random() * (0xffffff + 1))
|
||||||
|
return ColorUtil.colorList[color]
|
||||||
|
}
|
||||||
|
|
||||||
|
/** Color list */
|
||||||
|
static get colorList(): Colors {
|
||||||
|
return {
|
||||||
|
// custom list
|
||||||
|
DEFAULT: 0x000000,
|
||||||
|
WHITE: 0xffffff,
|
||||||
|
AQUA: 0x1abc9c,
|
||||||
|
GREEN: 0x2ecc71,
|
||||||
|
BLUE: 0x3498db,
|
||||||
|
YELLOW: 0xffff00,
|
||||||
|
PURPLE: 0x9b59b6,
|
||||||
|
LUMINOUS_VIVID_PINK: 0xe91e63,
|
||||||
|
GOLD: 0xf1c40f,
|
||||||
|
ORANGE: 0xe67e22,
|
||||||
|
RED: 0xe74c3c,
|
||||||
|
GREY: 0x95a5a6,
|
||||||
|
NAVY: 0x34495e,
|
||||||
|
DARK_AQUA: 0x11806a,
|
||||||
|
DARK_GREEN: 0x1f8b4c,
|
||||||
|
DARK_BLUE: 0x206694,
|
||||||
|
DARK_PURPLE: 0x71368a,
|
||||||
|
DARK_VIVID_PINK: 0xad1457,
|
||||||
|
DARK_GOLD: 0xc27c0e,
|
||||||
|
DARK_ORANGE: 0xa84300,
|
||||||
|
DARK_RED: 0x992d22,
|
||||||
|
DARK_GREY: 0x979c9f,
|
||||||
|
DARKER_GREY: 0x7f8c8d,
|
||||||
|
LIGHT_GREY: 0xbcc0c0,
|
||||||
|
DARK_NAVY: 0x2c3e50,
|
||||||
|
BLURPLE: 0x7289da,
|
||||||
|
DARK_BLURPLE: 0x4d5e94,
|
||||||
|
GREYPLE: 0x99aab5,
|
||||||
|
DARK_BUT_NOT_BLACK: 0x2c2f33,
|
||||||
|
NOT_QUITE_BLACK: 0x23272a,
|
||||||
|
|
||||||
|
// css color list
|
||||||
|
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,
|
||||||
|
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,
|
||||||
|
goldenrod: 0xdaa520,
|
||||||
|
gold: 0xffd700,
|
||||||
|
gray: 0x808080,
|
||||||
|
green: 0x008000,
|
||||||
|
greenyellow: 0xadff2f,
|
||||||
|
grey: 0x808080,
|
||||||
|
honeydew: 0xf0fff0,
|
||||||
|
hotpink: 0xff69b4,
|
||||||
|
indianred: 0xcd5c5c,
|
||||||
|
indigo: 0x4b0082,
|
||||||
|
ivory: 0xfffff0,
|
||||||
|
khaki: 0xf0e68c,
|
||||||
|
lavenderblush: 0xfff0f5,
|
||||||
|
lavender: 0xe6e6fa,
|
||||||
|
lawngreen: 0x7cfc00,
|
||||||
|
lemonchiffon: 0xfffacd,
|
||||||
|
lightblue: 0xadd8e6,
|
||||||
|
lightcoral: 0xf08080,
|
||||||
|
lightcyan: 0xe0ffff,
|
||||||
|
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,
|
||||||
|
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,
|
||||||
|
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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
static toJSON(): Colors {
|
||||||
|
return ColorUtil.colorList
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue