0to255 is a color tool that makes it easy to find lighter and darker colors, also called tints and shades, based on any color. This makes it perfect to use for button hover states, gradients, borders, and more.
It's been used by over three million designers, developers, and color enthusiasts since it launched in , and it remains the best color tool for quickly finding and adjusting colors while you're designing or developing.
The easiest way to get started is to click a color in the color grid. If you have a specific color you'd like to use, you can enter the color's hex code or valid CSS RGB(A) or HSL(A) color value. When you've chosen your base color, you'll be given a list of tints and shades from white to your color to black. Then, simply click the tint or shade you want to use and the color value in the format of your choice will be copied to your clipboard for you to paste wherever you'd like. It's as easy as that!
Q: Why did you build 0to255?
A: I built 0to255 to make my job easier. I'm a designer and developer so I work with colors often. Usually, I'll start with a color palette then adjust each of the colors as I'm designing to work with various parts of the design. For example, I may brighten a link in its hover state or darken a button's border to make it contrast with surrounding elements.
Before I made 0to255, when I needed to adjust a color I would try to guess the hex code, or I'd open my design program of choice just to access the built-in color picker. It became apparent to me that using run-of-the-mill color pickers to lighten or darken colors, one of the most common tasks in the design process, is plain unintuitive. I knew there could be a better way, so I built 0to255. I soon realized that others faced the same issue, so I launched 0to255.com and the rest is history.
I hope you find it as useful as I do. If you have any questions or comments, please feel free to reach out. Most of all, thanks for using 0to255!