docsallover / RGB-Generator

A simple tool for generating and displaying RGB color codes interactively. Adjust the sliders to create your desired color palette.

RGB Color Generator

This project is a simple RGB color generator web application that allows you to interactively create and display RGB color codes.

Functionality

The application provides three sliders for adjusting red, green, and blue color values. Dragging any slider updates the generated RGB color code in real-time, reflected in both the displayed background color of the page and the input field value.

Code Breakdown

The code utilizes HTML, CSS, and JavaScript to achieve the color generation functionality:

1. HTML: Defines the web page structure, including headings, sliders, and an input field to display the color code.
2. CSS: Styles the page layout, sliders, and input field for a user-friendly interface.
3. JavaScript: Implements the core logic:
   • Retrieves slider values when adjusted.
   • Generates the RGB color code string based on the slider values.
   • Updates the page background color and the input field value with the generated color code.

How to Use

1. Save the code as an HTML file (e.g., rgb_generator.html).
2. Open the HTML file in your web browser.
3. Drag the sliders to adjust the red, green, and blue color values.
4. The generated RGB color code will be displayed in the input field and reflected in the background color.