https://github.com/arjunkdot/hexashades
🎨 A simple JavaScript package for creating tints and shades for a given RGB hex code.
https://github.com/arjunkdot/hexashades
colors hex hexashades javascirpt js-library rgb shades tints tints-and-shades typescript
Last synced: 7 months ago
JSON representation
🎨 A simple JavaScript package for creating tints and shades for a given RGB hex code.
- Host: GitHub
- URL: https://github.com/arjunkdot/hexashades
- Owner: arjunkdot
- License: mit
- Created: 2023-10-02T12:02:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-10-13T18:08:31.000Z (8 months ago)
- Last Synced: 2025-10-19T13:52:32.805Z (7 months ago)
- Topics: colors, hex, hexashades, javascirpt, js-library, rgb, shades, tints, tints-and-shades, typescript
- Language: TypeScript
- Homepage: https://github.com/arjunkdot/hexashades
- Size: 435 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
- Codeowners: .github/CODEOWNERS
Awesome Lists containing this project
README
Hexashades
Hexashades helps you generate a range of shades and tints for any specified RGB Hex color code.
> Currently, it only supports RGB Hex codes. More input formats will be allowed in the future.
## Installation
**NPM**
```sh
npm install hexashades --save
```
Or load using a `` tag from a CDN
```html
<script src="https://cdn.jsdelivr.net/npm/hexashades/">
```
## Usage
```js
// Import Hexashades & initialize.
import { Colors } from "hexashades";
const color = new Colors();
// Generate tints & shades.
const tintsAndShades = color.createColors("663399", 10, false);
```
## API
### createColors(color, percentage, prefix)
Returns an array of tints & shades for the given color with a given percentage of increments.
Throws an error if no/invalid inputs are given.
- `@param {string} color` - a valid RGB hex code without #
- `@param {number} percentage` - a valid percentage value between 0 and 100
- `@param {boolean} prefix` - (Optional) true/false. Whether the output should include #
- `@return {Array}` - array with hex codes
## License
MIT © arjunkdot