Color Generator
Generate random colors with HEX, RGB, and HSL values. Create color palettes, find complementary colors, and check accessibility contrast ratios. Perfect for designers, developers, and artists looking for color inspiration. Copy color codes instantly for use in your projects.
How to Use This Generator
- Choose a generation mode - Random, specific hue range, or color harmony
- Set color constraints - Adjust saturation, lightness, and hue ranges
- Select palette type - Complementary, analogous, triadic, and more
- Generate colors - Click to create your perfect color palette
- Copy color codes - HEX, RGB, or HSL formats ready to use
Generation Mode
Generation Settings
Advanced Options
🎨 Understanding Color Models
HEX uses hexadecimal values (#RRGGBB) commonly used in web design. RGB defines colors by Red, Green, and Blue intensity (0-255). HSL uses Hue (0-360°), Saturation (0-100%), and Lightness (0-100%) - often more intuitive for adjusting colors.
🔄 Color Harmonies Explained
- Complementary: Colors opposite on the color wheel - high contrast
- Analogous: Adjacent colors - harmonious and pleasing
- Triadic: Three colors equally spaced - vibrant yet balanced
- Tetradic: Four colors forming a rectangle - rich color schemes
- Monochromatic: Single hue with varying saturation/lightness
♿ Accessibility Tips
For readable text, aim for a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (WCAG AA). Use our contrast checker to ensure your color combinations are accessible to users with visual impairments.
🔗 Save & Share Your Palette
Your color settings are automatically saved in the URL. You can bookmark this page to save your palette, or use the Share button to send it to others. Export your colors as CSS, SCSS, or JSON for easy integration into your projects.