Skip to content

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

License

Notifications You must be signed in to change notification settings

arjunkdot/tints-and-shades

Repository files navigation

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

Credits

  1. Tints & shades provided by Hexashades.
  2. Icon courtesy React Icons.
  3. Copy to clipboard functionality by react-copy-to-clipboard.
  4. Color contrast by color-contrast.
  5. Color picker by React Color.
  6. Cookie management by js-cookie.

License

MIT © arjunkdot