Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/duncanbrewster/color-generator
Color Generator that allows users to receive tints and shades of an entered color.
https://github.com/duncanbrewster/color-generator
color-picker css react
Last synced: 7 days ago
JSON representation
Color Generator that allows users to receive tints and shades of an entered color.
- Host: GitHub
- URL: https://github.com/duncanbrewster/color-generator
- Owner: DuncanBrewster
- Created: 2021-11-17T03:23:49.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2022-04-21T17:34:42.000Z (over 2 years ago)
- Last Synced: 2024-06-22T10:26:13.283Z (5 months ago)
- Topics: color-picker, css, react
- Language: CSS
- Homepage: https://duncan-color-generator.netlify.app/
- Size: 359 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Color Generator](https://duncan-color-generator.netlify.app/)
Color Generator made with React that allows users to receive tints and shades of an entered color. This project is currently hosted on [Netlify](https://duncan-color-generator.netlify.app).
## Features
* Enter in a color or its hex code and recieve 10 lighter tints and 10 darker shades of the entered color
* Tints and shades can be copied to your clipboard with a single click
* Is mobile and desktop friendly
## Installation
1. Clone the repository to your computer.
```bash
git clone https://github.com/DuncanBrewster/color-generator.git
```
2. To view the project locally, navigate to the project folder and open the `index.html` file in a web browser.
3. Use [noeldelgado's](https://github.com/noeldelgado/values.js) library to download tints and shades.
**NPM**
```sh
npm install values.js --save
```
Or as a `` tag from a CDN as `Values`:
**Unpkg CDN**
```html
<script src="https://unpkg.com/values.js">
```
**jsDelivr CDN**
```html
```
### Values JS
[values.js](https://github.com/noeldelgado/values.js)
## Tools
This project:
* was built with **React**.
* is styled with **CSS**.
* hosted on [Netlify](https://duncan-color-generator.netlify.app).