/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..

Primary LanguageCSS

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').