Received a temporary task today - to provide 11 colors for a visual data on GIS, requiring each level of color to be clearly distinguished, as shown in the following figure:
It is not impossible to draw 11 rectangles and fill in the color manually, but I am lazy and want to see if there are any ready-made color matching tools. So I opened The Stocks , a color matching artifact that I have treasured for many years, which contains a lot of color matching tool websites.
I found that although most color matching tools provide multiple sets of color schemes, they cannot freely set the number of colors; although some can set the number, they can only choose adjacent colors in the same color system.
I opened the browsing experience one by one at a very fast speed. When I saw the 10th one, my eyes suddenly lit up. Isn’t this the one I was looking for in my heart!
The name of this tool is Palettte Generator .
It can be seen from the interface that it can increase or decrease the number of color bars arbitrarily, and adjust the color by adjusting the HSV curve.
When a color bar is selected, the name of the color can be added on the right side, and the values of HSV, HEX, and RGB can be displayed.
What's more, the "Contrast" column below can also show the accessibility of this color in both dark and light modes.
An introduction to color accessibility can be found here:
WebAIM: Contrast and Color Accessibility
Web Content Accessibility Guidelines (WCAG) 2.1
The background color of the webpage can also be switched through the button in the lower left corner. The light color mode looks very clean and refreshing.
Of course, there is also import and export functionality.
The import format is JSON, and the website also provides a sample file for reference and import testing.
There are three formats to choose from when exporting, JSON, CSS and plain HEX values.
But I didn't find a place to convert to RGB values, so then I found another RGB color code conversion that can convert HEX to RGB in batches - an online batch tool .