Skip to content

OmniaYehiia/-Background-Color-Generator---Interactive-Gradient-Tool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Background Color Generator - Interactive Gradient Tool

A simple web application that generates gradient background colors dynamically. Built using HTML, CSS, and JavaScript, this tool allows users to select colors and instantly see the gradient effect applied.

🚀 Features

  • 🎨 Select two colors to generate a gradient
  • 🔄 Live preview of the gradient background
  • 📋 Copy the generated CSS code with one click
  • 💡 User-friendly and interactive UI

🛠️ Technologies Used

  • HTML5 - Structure
  • CSS3 - Styling
  • JavaScript (ES6+) - Dynamic color generation

📸 Screenshots

image image

🎯 How to Use

  1. Select two colors using the color pickers.
  2. The gradient updates in real-time as you change the colors.
  3. Click the copy button to get the CSS code.
  4. Use the generated code in your own projects!

🏗️ Installation & Setup

  1. Clone the repository:
    git clone https://github.com/OmniaYehiia/-Background-Color-Generator---Interactive-Gradient-Tool.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published