Random color generator

Disclosure: I get commissions for purchases made through links in this page. This helps keep this site going.

Here is a helpful random color generator. It generates and displays colours along with hex codes for use in any graphics software. The CSS code is also shown so you can use these colors in a website.

Two versions of each color are given; one with white text and one with black text.

instantly #F1A12E

.color-instantly, .color-hover-instantly:hover {color:#FFF!important; background-color:#F1A12E!important}

instantly #F1A12E

.color-instantly, .color-hover-instantly:hover {color:#000!important; background-color:#F1A12E!important}

cheerfully #9C9564

.color-cheerfully, .color-hover-cheerfully:hover {color:#FFF!important; background-color:#9C9564!important}

cheerfully #9C9564

.color-cheerfully, .color-hover-cheerfully:hover {color:#000!important; background-color:#9C9564!important}

clearly #65D6A7

.color-clearly, .color-hover-clearly:hover {color:#FFF!important; background-color:#65D6A7!important}

clearly #65D6A7

.color-clearly, .color-hover-clearly:hover {color:#000!important; background-color:#65D6A7!important}

frankly #F8E616

.color-frankly, .color-hover-frankly:hover {color:#FFF!important; background-color:#F8E616!important}

frankly #F8E616

.color-frankly, .color-hover-frankly:hover {color:#000!important; background-color:#F8E616!important}


Are you thinking of traveling? Go with a worldwide hotel brand offering excellent standards at a low price. We recommend Holiday Inn Express. Take a look at their room prices here!


Random colors for any purpose

Whether you're seeking inspiration for some graphics you're designing, or if you're creating a website, our random color generator is a good choice. Color hex codes are given for every color generated.

We also show how these colors would look with white text and with black text on them, to help you get an idea how you'd like to use them.

If you don't like any of the colors generated, just press "Generate New". Be warned though - you can't get the old colors back, so if there's anything you like, copy and save the hex codes before pressing the button.

There's something here for everyone. With an almost infinite amount of colors that can be generated, you have plenty of options to pick from.

How we generate the colors

These colors are as random as possible. They are generated by picking a random one from every possible one of the hex letters at each of the 6 different positions of the hex code.

Color names

The color names shown here are just temporary names that we use as placeholders. If you need to use these colors, for the sake of your own convenience you should probably rename them to whatever you want. We wanted to be sure the names we gave didn't conflict with other existing color names you may be using in your project (e.g. light green).

The color names that we have given may get re-used for other colors that are generated using "Generate New", so don't assume that our names are unique to a specific color. It's even theoretically possible, but unlikely, for two different colors on the same page to have the same name.

For web designers


If you're planning on using these colors for the web, you'll want to copy and paste the CSS code for that color (shown in the color boxes) into your existing stylesheet. Remember to decide whether you want the version with black text or with white text, as their CSS code is different. As mentioned above, you'll need to change the color name in your CSS file to something that is ideally meaningful to you color-wise and not already in use under the same name in your existing stylesheet.

All of our placeholder names end in the letters "ly" to make it just a little easier if you need to search your stylesheet for any ones you may have forgotten to modify.


After copying the CSS code into your stylesheet, you can use any of these colors in your HTML as follows:

<div class="angrily">
<p>Paragraph content</p>

In the above example you can see that it might be better to change the name to a meaningful color.

Dark backgrounds will automatically come with white text, so you won't need to specify background color and text color separately.

This page was last updated on October 19, 2022