Mobile app version of vmapp.org
Login or Join
Ravi4787994

: Where can I find examples of high contrast combinations for websites? I like the idea behind http://contrastrebellion.com/, and plan to implement that on my websites. However, I'm a developer,

@Ravi4787994

Posted in: #Color #Contrast #WebsiteDesign

I like the idea behind contrastrebellion.com/, and plan to implement that on my websites.

However, I'm a developer, not designer. I read a lot about the subject -where I must build the combination- but wonder where I can find great looking and proven combinations with dark & light backgrounds.

I try looking at some websites, but suspect the visual on them distort my ability to judge what exactly I'm looking for (I like it because is good contrast or because the site look good to me?).

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Ravi4787994

4 Comments

Sorted by latest first Latest Oldest Best

 

@Samaraweera207

I recommend picking your colors yourself first, and then testing it on www.checkmycolours.com/.
But if you're looking for color combinations (which I think you are), it would be best to look at Adobe's Kuler over at kuler.adobe.com/#themes/search?term=tag%3Acontrast

10% popularity Vote Up Vote Down


 

@Alves566

Base your contrast on colors that have big difference in Tint and Saturation (background vs text), here ther eis a resrouce that explain the different kind of contrast. Do not base on Hue contrast, they are not good for people with color blindness. www.colorsontheweb.com/colorcontrasts.asp
here there is another website that talk about contrast www.gomediazine.com/design-articles/technique-theory/rule-three-contrast-contrast-contrast/

10% popularity Vote Up Vote Down


 

@Dunderdale640

At kuler you'll find a lot of predefined color themes for high contrast. And here you'll find a huge collection of tools working with colors.

10% popularity Vote Up Vote Down


 

@Jessie844

You can find a lot tools for accessibility:
www.w3.org/WAI/RC/tools/complete
for contrast I use:
snook.ca/technical/colour_contrast/colour.html
it's an easy to use online tool

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme