Menu
RandomLocker

Color Shades Generator - RGB

Generate New Color

Light Slate Gray

RGB: 135, 114, 195
HEX
#8772C3
RGB
135, 114, 195
HSL
256, 40%, 61%
HSV
256, 42%, 76%

Color Shades (RGB Format)

255, 255, 255
White
245, 243, 250
Ghost White
235, 232, 245
Lavender
225, 220, 240
Lavender
215, 208, 235
Gainsboro
205, 196, 230
Light Gray
195, 185, 225
Light Steel Blue
185, 173, 220
Light Steel Blue
175, 161, 215
Light Steel Blue
165, 149, 210
Light Steel Blue
155, 138, 205
Light Slate Gray
145, 126, 200
Light Slate Gray
135, 114, 195
Light Slate Gray
124, 105, 179
Light Slate Gray
113, 95, 163
Light Slate Gray
101, 86, 146
Dim Gray
90, 76, 130
Dim Gray
79, 67, 114
Dim Gray
68, 57, 98
Dim Gray
56, 48, 81
Indigo
45, 38, 65
Indigo
34, 29, 49
Black
23, 19, 33
Black
11, 9, 16
Black
0, 0, 0
Black

Try Other Formats

HEX
#RRGGBB
RGB
Red, Green, Blue
HSL
Hue, Saturation, Lightness
HSV
Hue, Saturation, Value

What is a Color Shades Generator?

A Color Shades Generator is a powerful design tool that automatically creates a complete palette of color variations from a single base color. It generates a spectrum of tints and shades by systematically mixing your chosen color with white (to create lighter tints) and black (to create darker shades), providing you with a harmonious range of colors that maintain the same hue while varying in lightness and saturation.

This tool is essential for designers, developers, and artists who need to create cohesive color schemes without the guesswork. Instead of manually adjusting colors or trying to find complementary shades, the generator does the mathematical calculations to ensure each variation maintains proper color relationships and visual harmony.

Whether you're designing a website, creating a brand identity, developing a mobile app, or working on any visual project, having access to a complete range of color shades helps you establish visual hierarchy, create depth, and maintain consistency throughout your design while ensuring accessibility and aesthetic appeal.

How Does Color Shades Generator Work?

Our Color Shades Generator creates a comprehensive palette of 25 different color variations from a single base color. The tool automatically generates both lighter tints (mixed with white) and darker shades (mixed with black) to give you a complete range of color options for your design projects.

How to Use Color Shades Generator:

  • Choose Custom Color: Click on the main color area to open an intuitive color picker with a 2D color selection canvas and hue slider. Drag to select any color visually, and the values will be displayed in RGB format.
  • Interactive Color Selection: Use the color picker's drag-and-drop interface to select colors precisely. The large color canvas allows you to choose saturation and brightness, while the hue slider lets you pick the base color.
  • Generate Random Colors: Click the "Generate New Color" button to get a fresh random color with its complete shade palette.
  • View All Color Formats: The base color section displays the color in all formats (HEX, RGB, HSL, HSV) simultaneously for easy reference and comparison.
  • One-Click Copying: Click on any color value or shade to instantly copy the color code to your clipboard. Each shade includes the value in the current format.
  • Explore 25 Shades: Browse through a complete spectrum of 25 different shades, from the lightest tint to the darkest shade of your selected color.
  • Switch Between Formats: Use the "Try Other Formats" section to view the same color and its shades in different formats (HEX, RGB, HSL, HSV).

This tool is perfect for web designers, graphic artists, UI/UX developers, and anyone working with colors who needs to create harmonious color schemes, find complementary shades, or establish a consistent color palette for their projects.

Pro Tip: Each shade maintains the same hue as your base color while varying in lightness, making it easy to create depth and hierarchy in your designs while keeping color harmony intact.