Skip to content

A simple web app that generates random hex colors and updates the background with each click. Includes clipboard copy functionality for quick color sharing.

Notifications You must be signed in to change notification settings

saivenkateshr21/Color-Flipper

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Color Flipper 🎨

A sleek, simple color-flipper built with vanilla JavaScript. Every click generates a random hex color, updates the page background, and lets you copy the hex code by clicking it.


🔧 Features

  • Random Hex Color: Generates a new hex code (e.g., #e1e2e3) on demand.
  • Interactive UI: Click the “Click me” button or press Space to change the color.
  • Clipboard Copy: Click the displayed hex code to copy it to your clipboard.
  • Keyboard Accessible: Press Space as a handy shortcut.

📂 Project Structure

  • index.html ← Main markup
  • style.css ← Basic styling for button & background
  • script.js ← Core JavaScript for color generation & interactions

🚀 Getting Started

  1. Clone the repository

    git clone https://github.com/saivenkateshr21/Color‑Flipper.git
    cd Color‑Flipper
  2. Open index.html in any modern browser.

  3. Use it

  • Click the button or press Space to apply a random background color.
  • Click the hex color code to copy it.

About

A simple web app that generates random hex colors and updates the background with each click. Includes clipboard copy functionality for quick color sharing.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published