Skip to content

A simple-to-understand and useful website to preview and generate colors.

License

Notifications You must be signed in to change notification settings

inttter/Colorflow

Repository files navigation

Colorflow Logo

Colorflow 🎨

⚠️ moved to https://colorflow.cc ⚠️

A simple-to-understand and useful gradient, or color previewer and generator.

License Last Commit Website Status GitHub closed issues CodeFactor

How To Use? 🍡

There are 3 ways to start using this website:

Visit https://inttter.github.io/colorflow.

Clone the repository - git clone https://github.com/inttter/colorflow.git.

Fork the repository.

Upon visiting the website, you are able to input an rgb value - for example: rgb(10,100,200), hexidecimal value - for example: #d8efea, or a gradient - for example: linear-gradient(120deg, #84fab0, #8fd3f4)

The box in which the gradient shows up in will automatically be updated based on what you input:

mainPageGIF

Want to actually preview your color in action? 🖥️

Click on "Preview", which will take you to a sample page with sample text, in order to let you see how your color would look on a typical webpage.

previewGIF

Clicking "Generate Random Gradient and Preview" will randomly generate a gradient for you (limited currently) and automatically open the preview page in a new tab.

Contributing? 🪓

Feel free to fork the repository and make a pull request or issue!

Acknowledgements/Credits 🧉

Galahad for most of the copy buttons' code.

alexroumi for most of the return button code on the "gradients.html" page.

License ⚖️

Colorflow is licensed under the MIT License.

Please see the MIT License for more information on use.

Buy Me A Coffee! ☕

Buy Me A Coffee