Coder Social home page Coder Social logo

inttter / colorflow Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 2.0 1.9 MB

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

Home Page: https://colorflow.cc/

License: MIT License

HTML 51.85% JavaScript 21.48% CSS 26.67%
cascading-style-sheets color color-generator colour colour-generator css css-generator css3 css3-animations generator

colorflow's Introduction

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

colorflow's People

Contributors

imgbotapp avatar inttter avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

fossabot rtsguru

colorflow's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.