Logo

Complete Tools

Pastel Color Generator

Generate random pastel colors

Categories
Color Tools

Input

Pastel Color

?
HEXA
RGBA
HSLA
HSVA
Type

What are Pastel Colors?

A pastel color is a soft or muted tint of color that is often relaxing. The pastel color is created by combining the color with white.

When you want to create a subtle, modern, or sophisticated design, pastel hues are the way to go.

What is the Pastel Color Generator?

Pastel Color Generator is a free online application that generates random pastel colors in HEX, RGB, HSL, or HSV formats.

Every time the page is loaded, a new random pastel color is generated; alternatively, the Random Pastel Color button can be used to generate a new random pastel color without reloading the page.

How to generate Pastel Colors?

We start with a random color to get a random pastel color. Then we saturate it a little more and blend it with white. 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 is a pseudo-code that you can use in any language of your choice to implement:

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?

  • When you load this page, a new random pastel hue will be generated for you.
  • You may also use the Get a random pastel color button to produce a random pastel color.
  • Copy the value of the selected color in HEX, RGB, HSL, or HSV by clicking it.
  • The value will be copied to your clipboard straight.
  • You can manually copy values to the clipboard if your browser does not enable transferring values to the clipboard via script.

Credits

  • color: 🌈 Javascript color conversion and manipulation library.
  • React Color: 🎨 Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more.

Comments

Complete Tools
AboutTermsPrivacyContact

Copyright © 2022 Complete Tools. Unless otherwise noted, all code MIT license.


Made with by Complete JavaScript