Dull Color Generator
Generate random dull colors and get values in RGB, HEX, HSL or HSV.
How Does Dull Color Generator Work?
You can use our random dull color generator to get a dull color generated randomly. This tool allows you to get the dull 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 dull color is generated on every page load or can also be generated using the Random Dull 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.
What are Dull Colors?
A dull color is generally dull and bland shades of colors which do not interfere with other elements of a design. The dull shade is achieved by mixing the color with black or gray and decreasing the saturation of the color a little. Dull colors are perfect choice for elements that you want to be muted, less interfering or plain and subtle.
How to generate Random Dull Colors?
In order to get a random dull color, we first generate a random color. Then we mix this random color with a shade of black and decrease saturation a little. Combining these three steps, we get a random dull 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) }
bright_color = random_color.mix( black ).desaturate( 10% )
How to Use Dull Color Generator?
- A new random dull color will be generated for you when you load this page.
- You can also generate the random dull color by hitting the 'Get a New Random Dull 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