search

ultimate-comparisons / ultimate-comparison-framework

The base of all ultimate-comparisons. Follow the README and create your own ultimate comparison.
http://ultimate-comparisons.github.io/ultimate-comparison-framework/
MIT License
16 stars 7 forks source link

Exchange colors for pastel variants #82

Closed hueneburg closed 7 years ago

hueneburg commented 7 years ago

Removed the first color (almost not visible as pastel) and transformed rest to pastel. This was done via RGB -> HSL transformation and transforming HSL colors to pastel as described in https://kentor.me/posts/generating-pastel-colors-for-css/ Tool for RGB->HSL: http://www.rapidtables.com/convert/color/rgb-to-hsv.htm

Because the white writing on pastel colors was almost not visible, I added a foreground color (#808080) to elments that used auto coloring.

Example: without foreground color: image

with foreground color: image

kleinech commented 7 years ago

Color Success Criterion:

https://24ways.org/2010/calculating-color-contrast/

https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html