Best Services To Find Tints, Shades & Variations Of Color

While designing a website, app or creating a presentation you will inevitably come to a point when you want to use different shades of any color code. For instance: Your website’s logo contains mainly red color and you want to its several lighter and darker shares in your website theme.

Digital color are  represented in different ways. The most common ways to represent color are via a 6-digit HEX number, RGBA, and HSL. Among these, HEX color code is the most popular way of using color on internet. It is a 6-digit, 24 bit, hexidecimal number that represents colors.

For instance: In #123456 Hex color representation 12 is Red, 34 is Green, and 56 is Blue. There are 16 million possible colors.

Other color representation such as RGBA is similar to Hex which has 24 bits for RGB color, bit there is an additional 8 bit value for transparency. Whereas HSL stands for Hue, Saturation, and Lightness. Its values are based on a position from the center of a color wheel.

Earlier we have discussed about picking up and finding a color code from any web page to use it on your website etc. We have also discussed about a Google Chrome app that provides you different shades of given color.

In this lesson we have hand picked some of the best free services that lets you generate color palettes and find different shared of any hexadecimal color code.

Color Palette Generator – Colllor

Using Colllor it becomes very easy to generate a consistent web color palette in a matter of one or two clicks. You enter the hexadecimal color code or use color picker and it will produce all the alternative proposals derive from the same color.

Screenshot from 2016-02-16 13:08:33

All colors will have a common denominator sharing hue, lightness or saturation values. It lets you find the exact value of darker shades of given color to use it and create professional looking design.

0to255 – Find Color Variations

Another user-friendly tool to find variations of any color. It also provides you with same functionality of finding color shares but on a different user-interface.


To start browsing shades of any color, simply visit the service home page and click pick a color button to enter hexa color code. Once you enter the color code, it will generate all similar, lighter and darker versions of that color.

Hex Color Tool – Explore Colors For HTML & CSS

HexColorTool works differently. It allows you to find color shades for any color by increasing and decreasing the darkness of the color by percentage.

Screenshot from 2016-02-16 13:52:22

So these were some of the best services to find color palettes. You simply need to visit the website, paste or type in your color code and they will provide you different shades of given color in just a few seconds.

Some services also enable you to browse other tones and pallets revolving around that given color code. You simply need to copy the color code and use it on your website or wherever you like.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.