Grow your CSS skills. Land your dream job.

Color Combination Suggestions ?

  • # January 31, 2013 at 8:49 am

    I’m feeling uneasy with my wordpress theme’s color combination. My site is: **[Live Cricket](http://pcric.com/ “Live Cricket”)**

    # January 31, 2013 at 9:54 am

    For headlines and body text do not use a pure black. Something a little softer is more inviting, and easier to read.

    The headline style on your articles is also a little difficult to look at. Instead of dark blue with a black drop shadow, choose a blue that is a little lighter and of a different hue, then make the drop shadow more subtle (use a light shade of gray, not black … or do not use a drop shadow at all).

    You can find lots of color inspiration on http://www.colourlovers.com/
    Other color related sites to check out:
    http://www.pictaculous.com/
    http://colorschemedesigner.com/
    http://www.colorotate.org/

    Also, I don’t mean to sound like Debbie Downer, but I find the “pitch” background image distracting, especially since it is not seamless. I think you can improve on that.

    Go get em’!

    # February 1, 2013 at 8:12 am

    I have difficulties deciding color schemes too. Especially when I do not really know how much colors I even need. How many colors do you actually have? and what kind of colors should you choose?
    Another thing! I found out that using HSL is incredibly easy to find colors which just fit together. Just find a saturation and lightness level that fits you well, and play with the hue slider then. the colors are on the “same level” then. If something is wrong on that method, please tell me :P
    Here is an example of an experiment how to use HSL for background color: http://codepen.io/martin/pen/dzBbu
    Another thing to mention: mind the contrast ratio. I found this lately and it is cool to see how different colors on the same saturation and lightness level can be a good or bad color for text or background ;)

    Enjoy

    http://leaverou.github.com/contrast-ratio/

    # February 1, 2013 at 8:15 am

    https://kuler.adobe.com/

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".