Posts

5 Tips in Choosing a Color Scheme for Your Website

The possibilities are endless when choosing the colors for your website. With so many things to consider, selecting the right color may not be as easy as you think. Previously,  we’ve discussed the importance and uses of different colors. Now, let’s delve into the different tips in picking the color you want and also a color that matches with your website.

  • Create a mood board.

    • Not everyone is gifted with a creative mind. In order to find inspiration in choosing the colors, considering using a site called Pinterest. It is a place of inspiration and ideas await you every corner.

      board

      finding inspiration in various images.

    • At this point, you don’t need to be an artist. You just need to find images that interest you. Create a board for all the photos that speak to you. After pinning around 30 images, you will see a pattern of colors. The images you’ve chosen would have at least one common denominator.
    • If you feel like there’s too many pictures, you can narrow down the images in your board.  When you think you already filtered the best images, then, that’s your official mood board (or inspiration) for your web design.
  • Find an image that appeals to you.

    • If creating a mood board seems too artsy and totally not your style, stick to just selecting one photo. It could be any photo that you personally find visually pleasing.
    • Think of how it makes you feel. The colors should evoke a certain emotion or mood. If you think that image creates the right mood, get the two dominant colors of this image and use them on your website.
    • You are free to add more colors to emphasize texts and other web elements. Don’t be afraid to experiment on the different until you find that perfect combination.
  • Pictaculous is marvelous.

    • Once you have an image, you don’t need to guess the colors in the photo. There is a website for that. You just need to upload your images on Pictaculous and  it will generate the image’s color palette.
    • After uploading, you will get the RGB and HEX values of the color palette. What are these ambiguous values? Compare the results with the color values on this website so you will have an idea on the actual color names of the given values.
  • A color palette generator is ready to help.

As a final tip, do not limit yourself by choosing only your favorite colors, but rather learn more about the different color harmonies.  For instance, complementary colors – they are two colors that are total opposites. Colors like red & green, and blue & yellow, are examples of  complementary colors.

You can also look at similar websites for inspiration. Do your research and study the common thread of colors used by these websites. For example, if you wish to start a blog about computer games, you can refer to GameSpot, IGN, and Metacritic, as your main influence.

The Importance Of Color Contrast in Web Design

Colors palette

Oftentimes, we do not really think of color as much as we think about other important elements of a classic web design because we think that it does not have that much of significance to the overall relevance of your website.

How much more if we talk about COLOR CONTRAST?

It may seem a little basic to discuss but in web designing, there are actually tons of factors to consider when it comes to dealing with color contrasts if you want your web site to be near to perfection.

WHY IS IT SO IMPORTANT?

  • There are rare cases that some graphic designers stick to a minimalistic approach in their respective designs that they end to opt for monotones and such and that is completely fine.
  • Most of the time however, we need to incorporate colors not only because they add a little flare to the entire design but most importantly because they affect the chance that a viewer might want to click on your site. In doing so, you are only just splashing colors everywhere you want because contrast is crucial to the image that you want to display to the entirety of your website.

THE HOWS OF COLOR CONTRAST

  • The very first things that you would need to jot down are your product or service and your website itself. Mentioned in the earlier parts of this article is the vitality of a color contrast’s role in web design.
  • Let us say for example you have a product that is predominantly packaged in the color yellow, will it be ideal to post in on your website if the dominant color of the latter is also yellow? I don’t think so. Whatever you are selling will only be lost in the background. This is why color contrast is a thing because it keeps you from joining together incompatible colors that will only distract your clients away from what you actually want them to see.
  • There a lot of color combinations that when combined together would cause a total chaos to your overall website and will only do more harm than good. Do your research about colors or shades that will never work well together and make sure to steer away from combining the two in any of your websites.

HOW ABOUT THOSE WHO ARE COLOR BLIND?

  • There is a certain percentage of our population that is color blind. Majority of these people are men. These are the people who are not able to see the colors’ true colors. Although statistically, the number of people who are completely color blind is relatively low, that does not mean that we should take them for granted.
  • Red or green are the usual colors that do not appear as they are to color blind people. So always include them to you consideration if you want your design to be effective and universal.
  • There are also shades that are painful to look at. Combinations of red and blue, purple and red, blue and pink, and other similar shades are examples of annoying color combinations. Avoid these combination whenever you want to say something important.