Skip to content

README.md

Latest commit

 

History

History
37 lines (24 loc) · 1.04 KB

README.md

File metadata and controls

37 lines (24 loc) · 1.04 KB

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.