Color Switcher is a web application that allows users to explore and experiment with different colors. It provides a user-friendly interface for selecting preset colors, applying custom colors, and visualizing color changes in real-time.
- Preset Color Palette: Eight predefined colors for quick selection.
- Custom Color Input: Apply any color using its hex code.
- Real-time Background Change: Instantly see how colors look when applied.
- Color Information Display: Shows the current color's hex code.
- Responsive Design: Optimized for desktop, tablet, and mobile devices.
- Reset Functionality: Easily return to the default state.
- HTML5
- CSS3 (with custom properties for theming)
- JavaScript (ES6+)
- Bootstrap 5.3
- Bootstrap Icons
- Select a Preset Color: Click on any of the color buttons in the palette to apply it to the background.
- Apply a Custom Color: Enter a valid hex color code (e.g., #FF5733) in the input field at the bottom and click "Go".
- Reset: Click the reset icon in the top right corner to return to the default state.