Skip to content

Colorify is a dynamic random color generator that allows users to explore and create stunning color palettes. Features include a color picker, auto-change functionality, and clipboard support. Perfect for designers and developers looking for color inspiration!

Notifications You must be signed in to change notification settings

GeorgienDev/colorify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Colorify

Overview

Colorify is a powerful and engaging random color generator web application that allows users to discover new colors and create stunning palettes. It offers a user-friendly interface where users can generate random colors, select colors using a color picker, and automatically cycle through colors at user-defined intervals.

Features

  • Random Color Generation: Quickly generate random hex colors with one click.
  • Color Picker: Users can select colors using a color input field to customize their experience.
  • Auto Color Change: Enable an auto-change feature that cycles through random colors at a specified interval.
  • Color Display: View the current selected color in a visually appealing format.
  • Clipboard Support: Easily copy the color code to your clipboard by clicking on it.
  • Local Storage: Saves the last selected color so users can return to it later.
  • Responsive Design: Works seamlessly across different devices and screen sizes.

Skills Used

  • HTML: Building the structure of the web application.
  • CSS: Styling the application for better user experience.
  • JavaScript: Implementing the functionality, including color generation and event handling.
  • Bootstrap: Utilizing responsive design components for faster development and better aesthetics.

Installation

To run Colorify on your local machine, follow these steps:

  1. Clone the Repository:
    git clone https://github.com/GeorgienDev/colorify.git
    cd colorify
    
     Open the HTML File: Open index.html in your web browser.
    

Usage

Generate a Random Color: Click the "Change" button to generate and display a random color.
Select a Color: Use the color picker to choose any color you like.
Auto Change Feature: Check the "Auto Change" box to start automatically cycling through colors. Adjust the speed using the slider.
Copy Color Code: Click on the displayed color code to copy it to your clipboard.

Live Demo

You can view Colorify live at: Colorify Live Demo

About

Colorify is a dynamic random color generator that allows users to explore and create stunning color palettes. Features include a color picker, auto-change functionality, and clipboard support. Perfect for designers and developers looking for color inspiration!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published