Meet your next favorite color. Generate a beautiful random shade, copy its HEX, RGB or HSL value, and save the keepers for your next design.
This free random color generator online turns a blank canvas into a useful starting point. Explore the full spectrum or narrow the results to pastel, vibrant, dark, warm or cool shades. Every result includes ready-to-copy color values and an instant contrast recommendation.
Use an unexpected shade to spark a logo, illustration, presentation, room palette or interface direction.
Copy the same color as a HEX code, RGB value or HSL value without converting it somewhere else.
Compare black and white text contrast instantly, then start your design with the stronger option.
Keep the full spectrum with Any, or focus on pastel, vibrant, dark, warm or cool random colors.
Select New color or press the spacebar. Keep going until a shade feels right.
Copy HEX, RGB or HSL, save favorite shades, or export every saved color as clean CSS variables.
A compact six-digit color code widely used in websites, design tools and brand guides.
Describes a screen color by its red, green and blue light values, each from 0 to 255.
Expresses hue, saturation and lightness, making it intuitive to create related color variations.
Select a color mood and choose New color, or press the spacebar on your keyboard. The generator creates a new shade instantly and displays its HEX, RGB and HSL color values.
Yes. Each random color is shown in all three formats. Select any value to copy it, and choose your preferred format to make it the large value on the color card.
Yes. The mood filter controls the saturation, lightness and hue range. Choose Pastel, Vibrant, Dark, Warm or Cool, or use Any for unrestricted random colors.
The tool calculates the contrast ratio between the generated background and both black and white text. It recommends whichever option has the higher ratio. This is a helpful first check; complete interfaces should still be tested against WCAG requirements at their final text size and weight.
Yes. Save favorite shades to your browser, then copy them together as CSS custom properties. Saved colors remain on this device until you remove them or clear browser storage.
Yes. It is free, requires no sign-up and generates colors directly in your browser. The tool does not upload your color history or saved favorites.
Build a palette, inspect a precise shade or turn two colors into a smooth CSS gradient.