About This Tool
This color palette generator creates beautiful, random color schemes for your design projects. Generate palettes, lock favorite colors, and export as CSS with HEX, RGB, and HSL codes.
Color Palette Generator
Generate Palette
Click any color to copy its HEX code. Click the lock icon to keep a color when regenerating.
Color Codes
| Color | HEX | RGB | HSL |
|---|
How to Use
- Click "Generate Random Palette" to create a new set of five colors
- Click on any color box to copy its HEX code to your clipboard
- Click the lock icon on colors you want to keep, then regenerate for new combinations
- View HEX, RGB, and HSL codes for all colors in the table below
- Click "Export as CSS" to download color codes as a CSS file with variables
- Use "Unlock All" to unlock all colors before generating a completely new palette
Common Uses:
- Web Design: Create cohesive color schemes for websites and web applications
- Branding: Develop brand color palettes for logos, marketing materials, and identities
- UI/UX Design: Generate harmonious colors for user interfaces and digital products
- Graphic Design: Find complementary colors for posters, flyers, and social media graphics
- Development: Export CSS variables for easy integration into your projects
Frequently Asked Questions
How do I copy a color code?
Simply click on any color box and the HEX code will automatically be copied to your clipboard. You'll see a confirmation message appear on the color box.
What's the difference between HEX, RGB, and HSL?
HEX is a 6-digit code (e.g., #FF5733), RGB uses red-green-blue values (e.g., rgb(255, 87, 51)), and HSL uses hue-saturation-lightness (e.g., hsl(9, 100%, 60%)). All represent the same color in different formats.
How does the lock feature work?
Click the lock icon on any color to keep it unchanged when you generate a new palette. This lets you build palettes around specific colors you want to use.
Are the color palettes saved?
No. All palette generation happens in your browser, and nothing is stored. Export your palette as CSS to save it for future use, or take screenshots of palettes you like.
What does the CSS export include?
The exported CSS file contains CSS custom properties (variables) with your color palette in HEX format, plus RGB values in comments. You can easily import this into your web projects.
Can I create color palettes based on a specific color?
While this tool generates random palettes, you can regenerate multiple times, lock colors you like, and keep generating until you find the perfect combination around your preferred colors.