breadcrumb
Color generator
The color generator helps you to create your own color or to get a random color.
Use the range slider of red, green and blue and create your own color. The colors are available in HEX and RGB color models.
If you want to play more, just press the “Random Color”, and then it displays the random color in HEX and RGB color model. Keep in your mind that when you generating a random color, then randomly mix varying amounts of red, green, and blue together. There are 256 different amounts of options for each color. The generated color display inside the box, on the right side.
In fact, use the “Copy” icon to paste the color and use it in your next design project.
| #419B56c | |
| rgb(65, 155, 86); |
Generated color
Related color palettes
A collection of free tools for developers that will help you to get flowing and simply speed up the way you work.
Color generator
The color generator helps you to create your color or to get a random color. The color codes which display are in HEX and RGB.
Color palette from img URL
Copy the image URL inside to the field and will be generated one dominant color with five total colors in RGB color format.
Pattern generator
Use two main colors, customize your settings and create your own pattern to use in your next design project.
Color tints and shades
Input as many colors as you want in the HEX color code and every one colors of them will be generated in tints and shades.
Color converter
Get the generated color code from your main color, in RGB, HSL, HSV, float, HEX color code.
CSS box shadow generator
This tool lets you construct CSS box-shadow effects, to add box shadow effects to your CSS objects.
Flatuicolorpicker
Color inspiration for flat design. The colors of this tool are available in RGB, HSL, HSV, HEX, CMYK, HEX, RGBA color code.