Color Schemes with Sass

Sass is awesome, no doubt. But one of the most interesting features in my opinion is the possibility of helping an user to choose its color scheme (just think of a customizable e-commerce web, whose users design their own website for selling their products). Usually, I’d recommend to visit websites such as Paletton (also known as Color Scheme Designer), a place where you can pick a color and combine it using different design criteria (adjacent and complimentary color, triad and tetrad) in order to get your color palette. But the customization through those websites can get tricky if you wish to use two colors, one main and one alternative. Continue reading

On Contrast Ratio

Contrast Ratio

A good and bad contrast

Contrast ratio is the difference between the brightest whites and the blackest blacks of any display. High contrast ratios deliver whiter whites and blacker blacks and a greater degree of gray values in between. If the contrast ratio is low, even if the image is bright, your image will look washed out.

Contrast Ratio on web design is of major importance due to Web Accesibility. You may fin the specification of W3C over here. This Guideline has three Conformance Level for testings:

  • A (lowest), contrast ratio of
  • AA
  • AAA (highest)

Continue reading