Every now and then I have to make small graphics or info boxes for customer websites and I always face the problem that I don't know which color goes with the hex color #b08355, for example. So far, I've either annoyed my wife or randomly picked colors from the color picker and checked whether any of them aren't too bad for the eye.
In order to finally have a permanent solution, I spent 10 minutes on Google and looked up a few websites that would help with color selection. And these two tools are basically mine Pick of the week for the graphic designers and web designers among you.
With the Canva Color Wheel you can very quickly get one or more colors that match a given hex code.
My first and least complicated choice is this Color Wheel Tool by Canva. You can use this for free and simply copy the hex code of your color into the appropriate field and you will immediately receive the complementary color in the other field - which usually goes well with the first color.
However, if you need more than one color, you can choose from various options:
Complementary
monochromatic
analogous
triadic
tetradic
With the last two you also get several matching colors, which you can then use for various elements on the website. However, I like the quick selection of the complementary color, as I use it most often, for example to color links or headings - good readability is of course a prerequisite.
ColorSpace
If you like something a little more fancy, you will find the right tool with mycolor.space. Here, too, you enter your existing color with a hex code and then click on “Generate”. The tool then creates numerous color palettes, all containing this one color and numerous other matching colors.
With the ColorSpace tool you get back much more than just a suitable color. From various palettes to gradients, everything is included here.
In addition to individual colors, there are also suggestions for gradients with the corresponding intermediate colors, which can then be used in the CSS code.
With ColorSpace, the focus is on the huge selection, which overwhelms me a bit. I like it when I only have a few options and don't have to set aside 15 minutes for the selection process. Probably typical man, but that's just how we are.
Fancy gradients with CSS? ColorSpace gives you the right colors for this.
Summary
When choosing the sites mentioned above, it was important to me that they were not overloaded with advertising and still provided reasonable results. As far as I can see there is no advertising whatsoever on the websites and the colors and palettes thrown out look good to me.
I hope that with these tools, you won't be left perplexed in front of a logo and wondering what web color could go with it. Anyway, they always help me.
Jens has been running the blog since 2012. He appears as Sir Apfelot for his readers and helps them with problems of a technical nature. In his free time he drives electric unicycles, takes photos (preferably with his iPhone, of course), climbs around in the Hessian mountains or hikes with the family. His articles deal with Apple products, news from the world of drones or solutions for current bugs.
Did you like the article and did the instructions on the blog help you? Then I would be happy if you the blog via a Steady Membership would support.
prohibit chatGPT from accessing the content of its own website
