https://github.com/georgiendev/colorify
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!
https://github.com/georgiendev/colorify
bootstrap bootstrap-5 bootstrap-template bootstrap5 color-generator css-framework front-end-development frontend hex-colors javascript js
Last synced: 2 months ago
JSON representation
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!
- Host: GitHub
- URL: https://github.com/georgiendev/colorify
- Owner: GeorgienDev
- Created: 2025-11-08T00:18:34.000Z (2 months ago)
- Default Branch: master
- Last Pushed: 2025-11-08T01:42:15.000Z (2 months ago)
- Last Synced: 2025-11-08T02:30:05.900Z (2 months ago)
- Topics: bootstrap, bootstrap-5, bootstrap-template, bootstrap5, color-generator, css-framework, front-end-development, frontend, hex-colors, javascript, js
- Language: HTML
- Homepage: https://georgiendev.github.io/colorify/
- Size: 76.2 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# 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**:
```bash
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](https://georgiendev.github.io/colorify/)