Gokilp / Colour-Flipper

Color Flipper is allows users to change the page's background colour by clicking a button. The colour changes randomly with each click, displaying the hex colour code and updating the background accordingly..

Home Page:https://colour-flipper-gold.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Project Title

Colour Flipper

Table of Contents

  1. Description
  2. Features
  3. Demo
  4. Screenshots
  5. Installation
  6. Contributing

Description

Color Flipper is a web application created using HTML, CSS, and JavaScript. It allows users to change the page's background colour by clicking a button. The colour changes randomly with each click, displaying the hex colour code and updating the background accordingly..

Features

  • Random Color Generation: Generates random hex colour codes to create various background colours.
  • Dynamic Background Change: Updates the background colour in real-time upon clicking the "Change Background" button.
  • Hex Color Display: Displays the generated hex colour code for reference.

Technologies Used

  • HTML: Provides the structure of the web page.
  • CSS: Styles the elements on the page for a better user interface.
  • JavaScript: Implements the functionality to change the background colour randomly.

Project Structure

  • index.html: Contains the HTML structure of the web page.
  • style.css: Includes styles for the web page elements.
  • javascript.js: Implements the functionality to change the background colour randomly.

Demo

Check out the live demo here.

Screenshots

colorflipper

Installation

  1. Clone the repository:
    git@github.com:Gokilp/Colour-Flipper.git
  2. Open the project in your preferred code editor.

Contributing

Contributions are welcome! If you find any issues or want to enhance the project:

  1. Fork the repository.
  2. Create your feature branch (git checkout -b feature/YourFeature).
  3. Commit your changes (git commit -am 'Add some feature').

About

Color Flipper is allows users to change the page's background colour by clicking a button. The colour changes randomly with each click, displaying the hex colour code and updating the background accordingly..

https://colour-flipper-gold.vercel.app


Languages

Language:CSS 35.9%Language:JavaScript 33.4%Language:HTML 30.7%