Random Color Generator

Click to copy the color code values

Work with this color using tools below.
youtube_searched_for Any Random Color Generator
Categories → Design Tools, Color Tools

Introduction to the Random Color Generator

Want a easy and quick of color tool? Our Random Color Generator is here to add a splash of creativity to your day. It's super easy to use and brings a random color straight to your fingertips. Just pick a color and go!

How It Works

Our tool is like a magical color picker. When you click the "Random Color" button or load the page, a brand new color generated every time. You can copy the colors with more then three formats like hex, rgb, hsl, or hsv color codes....

Play with the Color tools

You can do cool things with your chosen color. Like make it Lighter, Darker, Saturated, Desaturated etc. Feeling a bit specific mood? Switch to different color families like Pastels, Material, or Bright colors. Change it whenever you want, without leaving your seat (webpage). It's like having your own little color playground.

How to Make the Random Color Tool

It is not a rocket science to create this tool. You can also make it, by using some lines of code. In order to get a random color, you can use a random function and then generate random numbers between 0-255 for Red, Green and Blue (RGB).

If you're an coder, check this below example code for details:

  random_color = { r: Random(0, 255), g: Random(0, 255), b: Random(0, 255) }
  
How to Use Random Color Generator?

  • When you refresh or load this page, a new random color will be generated for you every time.
  • Also, a new random color will be generated when you click the 'New Random Color' button.
  • Click to copy the value of the selected color in HEX, RGB, HSL, or HSV.
  • Lastly, you can use other tools to work with the current color such as getting shades, changing hues, etc. Or you can change color families such as pastel or material, by selecting the menu presented above.
  • In case your browser does not support our webpage or the screen looks blank, please refresh the page.
Note: We do not store any of your data, as everything is done inside your browser. Every time the webpage refreshes or loads, it clears the previous input data.