Servage Magazine

Information about YOUR hosting company – where we give you a clear picture of what we think and do!

Color selection made easy

Wednesday, December 16th, 2020 by Helge

#13f050, #030009, #ecdf1c or how do you want me to look like?

The above is a question an object on your website may ask. The alphanumeric code after the hashtag is so called “Hex Code” which defines the color of the objects, texts, backgrounds etc. on your website. ballon

Have you ever been trying  to figure out how to get the colors for your web project design to match each other? Or have you ever been stuck trying to find suitable colors for a website that should match an existing logo to integrate in  the corporate identity? Color selection can be easy if you know exactly what you want, but mostly you are starting from scratch, maybe with an idea or preset main color. However, how do you define proper fitting colors to go along with the main color, to both fit the intended design and be aesthetic at the same time?

Maybe you have heard of complementary colors? Being the exact opposite of any given color, the complementary color is very suitable for text links, having the main color as the link color, and the complementary color as the hover color, or vice versa. This is a simple example of a task where identifying proper colors is important for the overall quality of the design. Unfortunately that isn’t enough in most cases. Websites often use various colors, for various purposes. The common thing is that they should all fit each other in some way.

If you’re not perfectly great at choosing aesthetic colors, want some help choosing the right ones, or maybe just want some inspiration for possible color schemes to use for future projects, then have a look at tools you find online. You find plenty of them which you can find via your search engine. Simply enter a query like “Color selection tool online” into your search engine to find the result. One of these useful webpages, beside many others, is colorpicker.me.

Color selection made easy, 5.0 out of 5 based on 4 ratings
Categories: Guides & Tutorials
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

No comments yet (leave a comment)

You are welcome to initiate a conversation about this blog entry.

Leave a comment

You must be logged in to post a comment.