Building your color palette

Re:Building your color palette by tbarkow on Saturday November 10, 2018 @11:44AM (#18422089)

There actually is a science for this: it's called accessibility. WCAG guidelines would be extremely useful in determining how colors should be combined and applied to meet contrast guidelines.

It would also be useful to create usage contexts to guide additions to the palette. for example: text + background, ui (border, icon) + background, background + background.

These would help identify common situations and ensure that you're adding the colors you need and avoiding future bloat.

Since companies are now being sued over a11y issues, it's definitely something that should be incorporated into the design process from the beginning.

[ Parent | on HN ]

Re:Building your color palette by chiefalchemist on Saturday November 10, 2018 @01:21PM (#18422615)

Yes WCAG guidelines are useful. But, for me as a novice empathic but still a novice, they are not easy to use. At the very least, finding definitive examples and such often eludes me.

That aside, thanks for mentioning accessibility and #A11Y.

[ Parent | on HN ]

Re:Building your color palette by roryokane on Sunday November 11, 2018 @06:18AM (#18425874)

Here is a tool that makes it easier to pick foreground and background colors with high enough contrast according to WCAG guidelines: https://webaim.org/resources/contrastchecker/

[ Parent | on HN ]

Re:Building your color palette by stevenpetryk on Saturday November 10, 2018 @01:09PM (#18422546)

Steve Schoger does a great job of designing with accessibility in mind! The future book that this chapter will be rolled into contains a whole discussion on it. If you check out the Refactoring UI screencasts, he uses an app (called Contrast, if you're curious) to make sure things meet AA minimum requirements.

[ Parent | on HN ]