mdigi.tools

    Random Pastel Color

    Work with this color using tools below
    Or
    Pastel Color Generator

    Pastel Color Generator

    Generater random pastel color and get values in RGB, HEX, HSL or HSV.

    Categories →Design Tools, Color Tools
    How to use?

    How Does Pastel Color Generator Work?

    You can use our random pastel color generator to get a pastel color generated randomly. This tool allows you to get the pastel colors in hex, rgb, hsl or hsv format. You can additionally perform multiple actions with the color such as generating shades, changing hue, darken, lighten, saturate or desature the color.

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

    What are Pastel Colors?

    A pastel color is soft or muted shade of color which is generally soothing to the eye. The pastel shade is achieved by mixing the color with white color. Pastel colors are perfect choice when you want to create subtle, modern or sophisticated design.

    How to generate Random Pastel Colors?

    In order to get a random pastel color, we first generate a random color. Then we sature it a little and mix this color with white color. Combining these three steps, we get a random pastel color that you can then convert to your desired format such as HEX or RGB.

    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) }
    pastel_color = random_color.saturate( 10% ).mix( white )

    How to Use Pastel Color Generator?

    • A new random pastel color will be generated for you when you load this page.
    • You can also generate the random pastel color by hitting the 'Get a New Random Pastel 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 bright 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