afc163/tinycolor

TinyColor is a JavaScript tool that lets you work with colors in code. You hand it a color in almost any format, a name like "red," a hex code like "#ff0000," an RGB value, or even a number, and it can convert that color into whatever other format you need, modify it (lighten, darken, mix two colors together), or generate color palettes from it. The library is built around a single class. You create a color object by passing in your input, and from there you can call methods to translate it, adjust it, or ask questions about it (like whether it's light or dark). It's deliberately forgiving about input, commas and parentheses are optional, and it accepts a wide range of value scales. You can also chain modifications together, so something like "take red, lighten it, desaturate it, give me the hex" works in a single connected step. This is useful for anyone building interfaces or design tools in JavaScript. If you're making a color picker, a theme generator, or a data visualization dashboard, you'll need to convert between color formats and derive related colors (complements, triads, shades). It also includes accessibility checks, you can measure the contrast ratio between two colors to see if text will be readable against a background, which matters for meeting web accessibility standards. The project is a TypeScript rewrite of an earlier library called TinyColor2. Notable changes include making it tree-shakeable (so bundlers can strip out parts you don't use, keeping your app smaller) and exposing color as a class rather than a function. It also ships with a random color generator that can produce attractive colors by hue and luminosity, rather than truly random ones that might look ugly.