kolory
Version:
A lightweight, versatile JavaScript library for manipulating and exploring colors in web projects, supporting conversions, palette generation, and dynamic effects.
726 lines (725 loc) • 14.1 kB
TypeScript
declare const colors: {
$schema: string;
red: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
blue: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
green: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
blue_metal: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
sunset_orange: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
mint: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
lavender: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
goldenrod: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
slate_gray: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
aqua: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
coral: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
orchid: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
charcoal: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
peach: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
sky_blue: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
plum: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
navy: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
rose: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
lime: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
beige: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
olive: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
teal: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
crimson: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
indigo: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
amber: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
salmon: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
steel_blue: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
mauve: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
sand: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
cobalt: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
chocolate: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
snow: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
bronze: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
pearl: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
midnight: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
aero: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
bubblegum: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
eggplant: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
flamingo: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
mustard: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
azure: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
ivory: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
terracotta: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
cyan: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
sepia: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
fuchsia: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
sage: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
blush: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
apricot: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
lemon: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
graphite: {
hex: string;
rgb: string;
rgba: string;
hsl: string;
hsla: string;
};
};
declare const ansis: {
$schema: string;
reset: string;
bold: string;
dim: string;
italic: string;
underline: string;
blink: string;
blinkFast: string;
inverse: string;
hidden: string;
strikethrough: string;
resetBold: string;
resetDim: string;
resetItalic: string;
resetUnderline: string;
resetBlink: string;
resetInverse: string;
resetHidden: string;
resetStrikethrough: string;
black: string;
red: string;
green: string;
yellow: string;
blue: string;
magenta: string;
cyan: string;
white: string;
gray: string;
brightRed: string;
brightGreen: string;
brightYellow: string;
brightBlue: string;
brightMagenta: string;
brightCyan: string;
brightWhite: string;
bgBlack: string;
bgRed: string;
bgGreen: string;
bgYellow: string;
bgBlue: string;
bgMagenta: string;
bgCyan: string;
bgWhite: string;
bgGray: string;
bgBrightRed: string;
bgBrightGreen: string;
bgBrightYellow: string;
bgBrightBlue: string;
bgBrightMagenta: string;
bgBrightCyan: string;
bgBrightWhite: string;
red256: string;
green256: string;
yellow256: string;
blue256: string;
pink256: string;
gray256: string;
bgRed256: string;
bgGreen256: string;
bgBlue256: string;
bgYellow256: string;
bgPink256: string;
bgGray256: string;
redRgb: string;
greenRgb: string;
blueRgb: string;
orangeRgb: string;
violetRgb: string;
grayRgb: string;
whiteRgb: string;
bgRedRgb: string;
bgGreenRgb: string;
bgBlueRgb: string;
bgOrangeRgb: string;
bgVioletRgb: string;
bgGrayRgb: string;
bgWhiteRgb: string;
};
type ColorKey = Exclude<keyof typeof colors, '$schema'>;
type AnsiKey = Exclude<keyof typeof ansis, '$schema'>;
type Format = keyof (typeof colors)[ColorKey];
type Formats = {
[F in Format]: {
[C in ColorKey]: string;
};
};
type Ansi = {
[K in AnsiKey]: Ansi;
} & {
(text: string): void;
apply: (text: string) => string;
};
type Kolory = Formats & {
ansi: Ansi;
};
declare const kolory: Kolory;
export declare const ansi: Ansi;
export declare const hex: {
red: string;
blue: string;
green: string;
blue_metal: string;
sunset_orange: string;
mint: string;
lavender: string;
goldenrod: string;
slate_gray: string;
aqua: string;
coral: string;
orchid: string;
charcoal: string;
peach: string;
sky_blue: string;
plum: string;
navy: string;
rose: string;
lime: string;
beige: string;
olive: string;
teal: string;
crimson: string;
indigo: string;
amber: string;
salmon: string;
steel_blue: string;
mauve: string;
sand: string;
cobalt: string;
chocolate: string;
snow: string;
bronze: string;
pearl: string;
midnight: string;
aero: string;
bubblegum: string;
eggplant: string;
flamingo: string;
mustard: string;
azure: string;
ivory: string;
terracotta: string;
cyan: string;
sepia: string;
fuchsia: string;
sage: string;
blush: string;
apricot: string;
lemon: string;
graphite: string;
};
export declare const rgb: {
red: string;
blue: string;
green: string;
blue_metal: string;
sunset_orange: string;
mint: string;
lavender: string;
goldenrod: string;
slate_gray: string;
aqua: string;
coral: string;
orchid: string;
charcoal: string;
peach: string;
sky_blue: string;
plum: string;
navy: string;
rose: string;
lime: string;
beige: string;
olive: string;
teal: string;
crimson: string;
indigo: string;
amber: string;
salmon: string;
steel_blue: string;
mauve: string;
sand: string;
cobalt: string;
chocolate: string;
snow: string;
bronze: string;
pearl: string;
midnight: string;
aero: string;
bubblegum: string;
eggplant: string;
flamingo: string;
mustard: string;
azure: string;
ivory: string;
terracotta: string;
cyan: string;
sepia: string;
fuchsia: string;
sage: string;
blush: string;
apricot: string;
lemon: string;
graphite: string;
};
export declare const rgba: {
red: string;
blue: string;
green: string;
blue_metal: string;
sunset_orange: string;
mint: string;
lavender: string;
goldenrod: string;
slate_gray: string;
aqua: string;
coral: string;
orchid: string;
charcoal: string;
peach: string;
sky_blue: string;
plum: string;
navy: string;
rose: string;
lime: string;
beige: string;
olive: string;
teal: string;
crimson: string;
indigo: string;
amber: string;
salmon: string;
steel_blue: string;
mauve: string;
sand: string;
cobalt: string;
chocolate: string;
snow: string;
bronze: string;
pearl: string;
midnight: string;
aero: string;
bubblegum: string;
eggplant: string;
flamingo: string;
mustard: string;
azure: string;
ivory: string;
terracotta: string;
cyan: string;
sepia: string;
fuchsia: string;
sage: string;
blush: string;
apricot: string;
lemon: string;
graphite: string;
};
export declare const hsl: {
red: string;
blue: string;
green: string;
blue_metal: string;
sunset_orange: string;
mint: string;
lavender: string;
goldenrod: string;
slate_gray: string;
aqua: string;
coral: string;
orchid: string;
charcoal: string;
peach: string;
sky_blue: string;
plum: string;
navy: string;
rose: string;
lime: string;
beige: string;
olive: string;
teal: string;
crimson: string;
indigo: string;
amber: string;
salmon: string;
steel_blue: string;
mauve: string;
sand: string;
cobalt: string;
chocolate: string;
snow: string;
bronze: string;
pearl: string;
midnight: string;
aero: string;
bubblegum: string;
eggplant: string;
flamingo: string;
mustard: string;
azure: string;
ivory: string;
terracotta: string;
cyan: string;
sepia: string;
fuchsia: string;
sage: string;
blush: string;
apricot: string;
lemon: string;
graphite: string;
};
export declare const hsla: {
red: string;
blue: string;
green: string;
blue_metal: string;
sunset_orange: string;
mint: string;
lavender: string;
goldenrod: string;
slate_gray: string;
aqua: string;
coral: string;
orchid: string;
charcoal: string;
peach: string;
sky_blue: string;
plum: string;
navy: string;
rose: string;
lime: string;
beige: string;
olive: string;
teal: string;
crimson: string;
indigo: string;
amber: string;
salmon: string;
steel_blue: string;
mauve: string;
sand: string;
cobalt: string;
chocolate: string;
snow: string;
bronze: string;
pearl: string;
midnight: string;
aero: string;
bubblegum: string;
eggplant: string;
flamingo: string;
mustard: string;
azure: string;
ivory: string;
terracotta: string;
cyan: string;
sepia: string;
fuchsia: string;
sage: string;
blush: string;
apricot: string;
lemon: string;
graphite: string;
};
export { kolory };
export default kolory;