RGB Color Swatch

An interactive web application for exploring and managing RGB colors.

Features

• Interactive RGB color selection with sliders and input fields
• Real-time color display
• Color information in RGB, HEX, and HSL formats
• Standard color name identification
• Save and manage custom colors

Technologies Used

• React
• Vite
• Tailwind CSS
• shadcn/ui components
• Lucide React icons

Prerequisites

Before you begin, ensure you have the following installed:

• Node.js (v14.0.0 or later)
• npm (v6.0.0 or later)

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/rgb-color-swatch.git
   cd rgb-color-swatch
   

2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

4. Open your browser and visit http://localhost:5173 to view the application.

Usage

• Use the sliders or input fields to adjust the Red, Green, and Blue values.
• The color swatch updates in real-time to display the selected color.
• View the color information in RGB, HEX, and HSL formats.
• Click the "Save Color" button to add the current color to your saved colors list.

Building for Production

To create a production build, run:

npm run build

The built files will be in the dist directory.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

Acknowledgments

• Vite for the fast build tool and development server
• Tailwind CSS for the utility-first CSS framework
• shadcn/ui for the beautiful and accessible UI components
• Lucide for the icon set

Contact

If you have any questions or feedback, please open an issue on this repository.