How to easily find darker and lighter shades of a hex color code

How to easily find darker and lighter shades of a hex color code

Quick post here for a utility I find myself using quite a bit: When doing web design you will inevitably come to a situation where you want to take a look at several different shades of a base hexadecimal color code. Say for example, you’re working on a clients site, and their company color is a specific shade of blue (#7847FF for example), and you want to get a darker shade of that exact blue. is a very useful website that will help you accomlpish just that. Visit and plug in your hex color code, you will then be presented with a list of a bunch of darker and lighter shades of that same color. You can also view other tones and palletes revolving around that same hex color. Clicking on a new color will automatically copy the new hex code to your clipboard.






I should mention that there are several other sites that will perform this for you, but I’ve had success using in the past, and it’s served my needs well, so I stick with it.

Hopefully you can get some use of this handy website. Thanks to!

There are 3 comments .

Ashish Kalmegh

This was really helpful. Thanks for sharing

Reply »
nikolo matutina

You can also use – simple tool that generate lighter and darker shades of color. Useful for design ideas. Non flash

Reply »

Share Your Thoughts!


What My Clients Say

Karin - Hope and Future

Brent has always been very prompt and generally exceeds our expectations with his work. His maintenance fee is very reasonable. I strongly recommend him!  We get many compliments on our beautiful web site!


I contacted Krueger Web Design and Brent did everything.  He setup a test site with the changes so we could verify everything was correct before we transferred from my old hosting provider.  During the setup and conversion Brent was extremely professional and responsive. He responded to any issues the same day.

Dan Kaufman
Emily - GFCLT

We've had a great experience working with Krueger Web Design. Prompt responses, great ideas, effective work... all at a reasonable price! This was the perfect fit for our organization.

Mahmud - ACMC

I would love to recommend you to anyone! You have been very helpful when we needed you the most.

Brian - SEMNIC

Working with Krueger Web Design was effortless. Communicating what I wanted for the website and the results that I saw were identical. The customer service was always prompt and I am completely satisfied with the product.

Zach - Stadium Club

Exactly what I wanted! Fast turnaround time and very affordable. Answered all of our questions quickly and made adjustments promptly. Very easy to work with and puts everything into terminology that even I can understand!

Contact Krueger Web Design

Have a question for me? Need an estimate on some work? You can email me at or drop me a line using the button below:

Copyright © 2018 Krueger Web Design - All rights reserved
Web Design in Madison, WI