https://github.com/arjunkdot/tints-and-shades

A simple web app for creating shades and tints for a given color.
https://github.com/arjunkdot/tints-and-shades

color-picker color-scheme colorpalette colors design generator shades tints tints-and-shades tool

Last synced: 4 days ago
JSON representation

A simple web app for creating shades and tints for a given color.

• Host: GitHub
• URL: https://github.com/arjunkdot/tints-and-shades
• Owner: arjunkdot
• License: mit
• Created: 2023-10-10T15:20:55.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-16T07:32:37.000Z (5 months ago)
• Last Synced: 2024-06-16T08:38:14.747Z (5 months ago)
• Topics: color-picker, color-scheme, colorpalette, colors, design, generator, shades, tints, tints-and-shades, tool
• Language: TypeScript
• Homepage: https://getshades.co
• Size: 547 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Tints & Shades

This tool helps you generate tints and shades for a given hex color.

## Usage

1. Input a hex color code either by typing it in manually or by using the color picker available at the top panel.

2. Choose a percentage value by which the tints and shades should be generated. You can select any value from 1 to 100.

3. Hit 'Return' to generate the tints and shades. Use the 'Shuffle' button to select a random color.

## Screenshot

![Screenshot](screenshot.jpg)

## Credits

1. Tints & shades provided by [Hexashades](https://github.com/arjunkdot/hexashades).

2. Icon courtesy [React Icons](https://react-icons.github.io/react-icons/).

3. Copy to clipboard functionality by [react-copy-to-clipboard](https://github.com/nkbt/react-copy-to-clipboard/).

4. Color contrast by [color-contrast](https://github.com/jescalan/color-contrast/).

5. Color picker by [React Color](http://casesandberg.github.io/react-color/).

6. Cookie management by [js-cookie](https://github.com/js-cookie/js-cookie#readme).

### License

MIT © [arjunkdot](https://github.com/arjunkdot/)