Web Design

“0to255”, a useful color scheme tool that allows users to compare shades of color.

色の濃淡を比較できる、便利な配色ツール「0to255」

I’m Nakamora, your new web designer!
This time, I would like to introduce 0to255, a useful color scheme tool that allows you to compare shades of color!

There are so many color charting tools out there, and they are introduced in various places, but even when a new one comes out, it has so many functions that it is difficult to master.
I try out various tools every time a new one comes out, but in the end I end up using the tool I was using once and that’s it.

However, a color scheme tool called “0to255” has recently been released that even I can use for a long time.
I would like to introduce it to designers so they can give it a try!

“0to255”, a color scheme tool that allows you to create a color palette exactly the way you want.

0to255

I’m sure that’s the color I’m going to use in Illustrator or something! But when you actually type the code and look at it in the browser, you may find that the color is lighter than you expected. I think this color is lighter than I expected…” or “I think I should make this part a little darker. It is quite common for the color to be slightly different from what you thought it should be.
So, you have to look at various code tables and fine-tune the color, or you have to start Photoshop and tweak the color even if you only want to change it a little bit. ・・・・・ It’s quite time-consuming.
The author also created this tool with this in mind.
It is very simple and easy to use because it is designed only for comparing color shades.

How to use “0to255”.

Press the blue button “PICK A COLOR” on the right side
Enter the color code

This is all you need to do to get a list of light and dark colors based on the color you specified.

List different lightness of base color.

Like this.

You can copy the code by clicking on any color in it.
It’s nice to be able to compare both ends in black and white. It looks beautiful.
This is a tool that will be quite useful from now on.

—————————————-

In addition, here are some other tools I use on a regular basis.
They may be too well-known for the experts, but they are quite useful. They may be too well-known for the experts, but they are quite useful.
If you are a beginner, please try these tools as an introduction to color charting.

“kuler,” a color palette creation tool provided by Adobe

kuler

Adobe created this as a service to share color themes with the rest of the world.
I especially like the fact that you can view by theme.
For example, if you search for “girl,” you will see five colors that can be used to create that image.
This can be useful if you are creating a site targeting young people, for example.
You can also save your favorite color schemes.
The fact that CMYK is also supported is also convenient.

“Color Blender” that tells you which colors match the colors you specify

Color Blender

If you specify a standard color, the program will generate 5 colors that match the standard color.
Furthermore, if you want to change this color, you can adjust the colors one by one by yourself.
Moreover, you can download an Illustrator file and a Photoshop color table of the colors you have created. Convenient!

“Color Hunter” to create color palettes from images.

color hunter

This site creates color charts from uploaded images.
It might be helpful to know the color of a photo when you make a site mainly using images.

“Color Palette Generator” to create color palettes from images.

Color Palette Generator

Similar to Color Hunter, but it displays a total of 10 colors, divided into vivid and dull colors.

“color of book” to create color palettes from colors used in magazines.

Color of Book

It doesn’t look like the latest magazine…
Color chart available in html,css from magazine colors
It is interesting to see the color trend of each genre of magazine.

color of book

“2xup.org”

, a compilation of traditional Japanese colors

Traditional Colors of Japan

My personal favorite site. It has a collection of traditional Japanese colors.
They also distribute color palettes for Photoshop.

2xup.org

This is just an introduction of what I find easy to use, and there are many more tools available.
I hope you find the one you find easiest to use!