PixelPalette

A modern color picker and palette generator built with HTML, JavaScript, and Tailwind CSS.

Features

• Color Picker: Select any color using the built-in color picker
• Multiple Color Formats: View and copy colors in HEX, RGB, and HSL formats
• Palette Generation:
  • Random palettes
  • Complementary color schemes
  • Monochromatic variations
  • Analogous color harmonies
• Save & Manage Palettes: Store your favorite color combinations
• Responsive Design: Works on desktop and mobile devices

Usage

1. Pick a Color: Use the color picker to select your base color
2. Change Format: Switch between HEX, RGB, and HSL color formats
3. Generate Palettes: Click any of the palette generation buttons:
   • Random: Creates a completely random palette
   • Complementary: Creates a palette based on opposite colors
   • Monochromatic: Creates variations of the same color
   • Analogous: Creates a palette with colors adjacent on the color wheel
4. Save Palettes: Click "Save Palette" to store your current palette
5. Manage Saved Palettes: View, use, or delete your saved palettes

Technologies Used

• HTML5
• JavaScript (ES6+)
• Tailwind CSS for styling
• Font Awesome for icons
• Local Storage API for saving palettes

Installation

No installation required! Simply open the index.html file in your web browser to start using PixelPalette.

# Clone the repository (if using Git)
git clone https://github.com/yourusername/pixel-palette.git

# Navigate to the project directory
cd pixel-palette

# Open in browser
open index.html

License

MIT License

Author

Created with ❤️ by [Prem Chand]