Color Scheme Generator
Create beautiful color palettes for your projects
#F55A5A
Display Format:
How to Use?
- Select a seed color and choose your desired scheme
- Pick your preferred format (HEX, RGB, HSL, or CMYK)
- Click "Get Color Scheme" to generate your palette
- Click any color card to copy it to your clipboard
Gradient Generator
Create beautiful CSS gradients with multiple color stops
Color Stops
CSS Code
background: linear-gradient(90deg, #FF5733 0%, #42B983 100%);
🎨 Tints & Shades
Generate professional color scales like Tailwind
Coming in Week 2
🎨 Color Wheel
Interactive color theory visualization
Coming in Week 2
♿ Contrast Checker
Ensure WCAG accessibility compliance
Coming in Week 3
Keyboard Shortcuts
- Enter - Generate color scheme (Solids tab)
- C - Copy CSS code from active tab
- R - Random (context-aware)
- Esc - Reset to default state
- 1-4 - Switch format (Solids tab only)
- Alt+1-5 - Switch between tabs
My Palette Library
No saved palettes yet
Generate a palette and click "Save Palette" to start your library