How to Use
• Click any color to copy its hex code
• Use the CSS variables in your projects
• Great for websites, graphics, and social media
Color Theory Basics
• Complementary: opposite on color wheel
• Analogous: next to each other
• Triadic: evenly spaced (120° apart)
• 60-30-10 rule: main, secondary, accent
Tools
• Coolors.co — palette generator
• Adobe Color — color wheel
• Contrast Checker — accessibility
• Color Hunt — curated palettes