mdigi.tools

    Random Color

    Work with this color using tools below
    Or
    Random Color Generator

    Random Color Generator

    Generate random colors and get values in RGB, HEX, HSL or HSV.

    Categories →Design Tools, Color Tools
    How to use?

    How Does Random Color Generator Work?

    You can use our random color generator to get any color randomly picked out of the entire color universe. This tool allows you to get the color in hex, rgb, hsl or hsv format. You can additionaly perform multiple action with the color such as generating shades, changing hue, darken, lighten, saturate or desature the color.

    A new random color is generated on every page load or can also be generated using the Random Color button without reloading the page. If needed, you can switch to some other color family such as Pastel colors, Material colors, Bright colors etc.

    How to generate Random Colors?

    In order to get a random color, one can use a random function and then generate random numbers between 0-255 for Green, Red and Blue. Combining these three random values, you will get a random RGB color that you can then convert to your desired format such as HEX or HSL.

    Below you will find a pseudo-code that you can implement in any language of your choice.

    random_color = { r: Random(0, 255), g: Random(0, 255), b: Random(0, 255) }

    How to Use Random Color Generator?

    • A new random color will be generated for you when you load this page.
    • You can also generate the random color by hitting the 'Get a New Random Color' button.
    • Click to copy value of selected color in HEX, RGB, HSL or HSV.
    • Value will be copied directly to your clipboard.
    • In case your browser does not support copying values directly to clipboard via script then you can do a manual copy.
    • You can also use our tools to work with the current color such as getting shades or changing hue.
    • If you wish to generate color of other families such as pastel or material, you can do so by selecting the menu presented above.
    • We do not store any data generated and everything is done inside your browser.

    Credits

    • Vue.js - The Progressive JavaScript Framework
    • TinyColor - Fast, small color manipulation and conversion for JavaScript
    • SweetAlert - A beautiful replacement for JavaScript alert