https://noeldelgado.github.io/shadowlord/

:lipstick: Color tints and shade generator tool
https://noeldelgado.github.io/shadowlord/

app color-tints colors hex hsl rgb shade-generator shades tints tool

Last synced: 3 months ago
JSON representation

:lipstick: Color tints and shade generator tool

• Host: GitHub
• URL: https://noeldelgado.github.io/shadowlord/
• Owner: noeldelgado
• License: mit
• Created: 2012-12-25T09:39:22.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2022-04-15T09:10:57.000Z (over 2 years ago)
• Last Synced: 2024-06-29T05:36:22.008Z (4 months ago)
• Topics: app, color-tints, colors, hex, hsl, rgb, shade-generator, shades, tints, tool
• Language: JavaScript
• Homepage: https://noeldelgado.github.io/shadowlord/
• Size: 1.41 MB
• Stars: 127
• Watchers: 5
• Forks: 21
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-collections - Shadowlord — Tints and Shades Generator Tool

README

        
# Shadowlord

![][github-actions-lighthouse-image]

[![Known Vulnerabilities][snyk-image]][snyk-url]

[![Total alerts][lgtm-image]][lgtm-url]

[![Language grade: JavaScript][lgtm-grade-image]][lgtm-grade-url]

Simple color tints and shade generator using [values.js](https://github.com/noeldelgado/values.js).

https://noeldelgado.github.io/shadowlord/

![sample](assets/img/screen-shot.png)

## Dev

Start dev server and watcher on port `8080`

```sh

npm install

npm start

```

Edit files on the `src` folder

## Related

- [values.js](https://github.com/noeldelgado/values.js) - JS library to get the tints and shades of a color

## License

MIT © [Noel Delgado](https://pixelia.me/)

[github-actions-lighthouse-image]: https://github.com/noeldelgado/shadowlord/workflows/Lighthouse/badge.svg

[snyk-image]: https://snyk.io/test/github/noeldelgado/shadowlord/badge.svg

[snyk-url]: https://snyk.io/test/github/noeldelgado/shadowlord

[lgtm-image]: https://img.shields.io/lgtm/alerts/g/noeldelgado/shadowlord.svg?logo=lgtm&logoWidth=18

[lgtm-url]: https://lgtm.com/projects/g/noeldelgado/shadowlord/alerts/

[lgtm-grade-image]: https://img.shields.io/lgtm/grade/javascript/g/noeldelgado/shadowlord.svg?logo=lgtm&logoWidth=18

[lgtm-grade-url]: https://lgtm.com/projects/g/noeldelgado/shadowlord/context:javascript