WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Wondering whether an accessible color palette tool is possible

for

Number of posts in this thread: 6 (In chronological order)

From: jeffgutsell@fuse.net
Date: Fri, Oct 18 2019 2:24PM
Subject: Wondering whether an accessible color palette tool is possible
No previous message | Next message →

Hi All,
I previously used the color wheel in CorelDraw to build palettes of
compatible colors. I can no longer use CorelDraw and am sometimes stumped
to create good palettes. So my choices have tended toward monochromatic
themes.I am wondering whether someone could create an accessible Web tool
for this purpose. Any solution that helps to generate colors that really
work together would be of enormous help to me.
Perhaps a tool like this might also show that accessibility does not lead to
dull looks.
Jeff Gutsell

From: Heather Mariger
Date: Sat, Oct 19 2019 9:25PM
Subject: Re: [EXTERNAL] Wondering whether an accessible color palette tool is possible
← Previous message | Next message →

Greetings,

I don't know of any tools but there are a couple of sites that may
be useful:

Accessible Color Palette Builder
<https://toolness.github.io/accessible-color-matrix/>
Color Safe <http://colorsafe.co/>;

Hope that helps.

Thanks,
H.

*Heather Mariger*
*Digital Accessibility Advocate*

*Center for Academic Innovation*
*Chemeketa Community College*
*4000 Lancaster Drive NE - 9/126A*
*Salem, OR 97305*

503.589.7832

*****************
*Diversity is being invited to the party; inclusion is being asked to
dance. *
Verna Myers, author and speaker




On Fri, Oct 18, 2019 at 1:24 PM < = EMAIL ADDRESS REMOVED = > wrote:

> Hi All,
> I previously used the color wheel in CorelDraw to build palettes of
> compatible colors. I can no longer use CorelDraw and am sometimes stumped
> to create good palettes. So my choices have tended toward monochromatic
> themes.I am wondering whether someone could create an accessible Web tool
> for this purpose. Any solution that helps to generate colors that really
> work together would be of enormous help to me.
> Perhaps a tool like this might also show that accessibility does not lead
> to
> dull looks.
> Jeff Gutsell
>
>
> > > > >

From: Philip Kiff
Date: Sun, Oct 20 2019 6:00AM
Subject: Re: Wondering whether an accessible color palette tool is possible
← Previous message | Next message →

I haven't had the opportunity to work on building a colour palette
recently and am not sure of the latest tools. But Stéphanie Walter has a
recent article on tools for inclusive design that includes a section on
"Building an accessible color palette" where she includes brief
descriptions of several tools you might find useful:
https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/

You might consider thinking of building an accessible palette in two
stages.

First, find 2 or 3 colours that will form the base shades of your
palette. For this, you might use any popular generic colour palette
generator like:
https://colors.muz.li/
or
http://colormind.io/

Then take those colours and use some of the accessible colour palette
tools in the article above to develop a few sets of accessible colour
pairs (foreground font colour plus background colour):
https://toolness.github.io/accessible-color-matrix/
or
https://contrast-grid.eightshapes.com/

Phil.

On 2019-10-18 16:24, = EMAIL ADDRESS REMOVED = wrote:
> Hi All,
> I previously used the color wheel in CorelDraw to build palettes of
> compatible colors. I can no longer use CorelDraw and am sometimes stumped
> to create good palettes. So my choices have tended toward monochromatic
> themes.I am wondering whether someone could create an accessible Web tool
> for this purpose. Any solution that helps to generate colors that really
> work together would be of enormous help to me.
> Perhaps a tool like this might also show that accessibility does not lead to
> dull looks.
> Jeff Gutsell
>

From: Wu, Jingjing
Date: Mon, Oct 21 2019 8:17AM
Subject: Re: [EXTERNAL] Wondering whether an accessible color palette tool is possible
← Previous message | Next message →

Thanks, Heather, for sharing the sites.

Colorbrewer 2 could be another useful site. (http://colorbrewer2.org/#type=sequential&;scheme=BuGn&n=3)

Hope it helps too.
Thanks,
Jing

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Heather Mariger
Sent: Saturday, October 19, 2019 10:26 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: Re: [WebAIM] [EXTERNAL] Wondering whether an accessible color palette tool is possible

Greetings,

I don't know of any tools but there are a couple of sites that may be useful:

Accessible Color Palette Builder
<https://nam04.safelinks.protection.outlook.com/?url=https%3A%2F%2Ftoolness.github.io%2Faccessible-color-matrix%2F&amp;data=02%7C01%7Cjingjing.wu%40ttu.edu%7C698e0e09e82a44f6163e08d7550d3639%7C178a51bf8b2049ffb65556245d5c173c%7C0%7C1%7C637071387558543381&amp;sdata=TAD9rTaj32%2B5fQVVAC1HDtuHhMOGiHDZwOjFpvdOja0%3D&amp;reserved=0>
Color Safe <https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fcolorsafe.co%2F&amp;data=02%7C01%7Cjingjing.wu%40ttu.edu%7C698e0e09e82a44f6163e08d7550d3639%7C178a51bf8b2049ffb65556245d5c173c%7C0%7C1%7C637071387558543381&amp;sdata=JmxSuXAeVEM5X0VLJVZun%2FwAfyCswlqt2Dl5uWj2BW8%3D&amp;reserved=0>

Hope that helps.

Thanks,
H.

*Heather Mariger*
*Digital Accessibility Advocate*

*Center for Academic Innovation*
*Chemeketa Community College*
*4000 Lancaster Drive NE - 9/126A*
*Salem, OR 97305*

503.589.7832

*****************
*Diversity is being invited to the party; inclusion is being asked to dance. * Verna Myers, author and speaker




On Fri, Oct 18, 2019 at 1:24 PM < = EMAIL ADDRESS REMOVED = > wrote:

> Hi All,
> I previously used the color wheel in CorelDraw to build palettes of
> compatible colors. I can no longer use CorelDraw and am sometimes
> stumped to create good palettes. So my choices have tended toward
> monochromatic themes.I am wondering whether someone could create an
> accessible Web tool for this purpose. Any solution that helps to
> generate colors that really work together would be of enormous help to me.
> Perhaps a tool like this might also show that accessibility does not
> lead to dull looks.
> Jeff Gutsell
>
>
> > > https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Flist.
> webaim.org%2F&amp;data=02%7C01%7Cjingjing.wu%40ttu.edu%7C698e0e09e82a4
> 4f6163e08d7550d3639%7C178a51bf8b2049ffb65556245d5c173c%7C0%7C1%7C63707
> 1387558543381&amp;sdata=zfBG9sRdEZpNAKUIretWaB6JQlcdMoe03tutZBwkujk%3D
> &amp;reserved=0 List archives at
> https://nam04.safelinks.protection.outlook.com/?url=http%3A%2F%2Fwebai
> m.org%2Fdiscussion%2Farchives&amp;data=02%7C01%7Cjingjing.wu%40ttu.edu
> %7C698e0e09e82a44f6163e08d7550d3639%7C178a51bf8b2049ffb65556245d5c173c
> %7C0%7C1%7C637071387558543381&amp;sdata=aqTlUPiVpXiSvYPMDDnLRWPpj02rK6
> 4m6ifsqKmNDSI%3D&amp;reserved=0 > = EMAIL ADDRESS REMOVED =
>

From: jeffgutsell@fuse.net
Date: Mon, Oct 21 2019 1:21PM
Subject: Re: Wondering whether an accessible color palette tool is possible
← Previous message | Next message →

Heather, Phil, Jing,
Thanks for all the links. This will be a big help.
Jeff


-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Philip Kiff
Sent: Sunday, October 20, 2019 8:00 AM
To: = EMAIL ADDRESS REMOVED =
Subject: Re: [WebAIM] Wondering whether an accessible color palette tool is possible

I haven't had the opportunity to work on building a colour palette recently and am not sure of the latest tools. But Stéphanie Walter has a recent article on tools for inclusive design that includes a section on "Building an accessible color palette" where she includes brief descriptions of several tools you might find useful:
https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/

You might consider thinking of building an accessible palette in two stages.

First, find 2 or 3 colours that will form the base shades of your palette. For this, you might use any popular generic colour palette generator like:
https://colors.muz.li/
or
http://colormind.io/

Then take those colours and use some of the accessible colour palette tools in the article above to develop a few sets of accessible colour pairs (foreground font colour plus background colour):
https://toolness.github.io/accessible-color-matrix/
or
https://contrast-grid.eightshapes.com/

Phil.

On 2019-10-18 16:24, = EMAIL ADDRESS REMOVED = wrote:
> Hi All,
> I previously used the color wheel in CorelDraw to build palettes of
> compatible colors. I can no longer use CorelDraw and am sometimes
> stumped to create good palettes. So my choices have tended toward
> monochromatic themes.I am wondering whether someone could create an
> accessible Web tool for this purpose. Any solution that helps to
> generate colors that really work together would be of enormous help to me.
> Perhaps a tool like this might also show that accessibility does not
> lead to dull looks.
> Jeff Gutsell
>

From: Abby Kingman
Date: Tue, Oct 22 2019 2:14PM
Subject: Re: Wondering whether an accessible color palette tool is possible
← Previous message | No next message

I think it's not possible for such a tool to be universal, but here are
three that I find interesting for starting fresh:

A11yRocks Color Palette tool
http://a11yrocks.com/colorPalette/

Accessible Palette Builder
https://toolness.github.io/accessible-color-matrix/

WebAIM Contrast Checkers - for text and link text
https://webaim.org/resources/contrastchecker
https://webaim.org/resources/linkcontrastchecker/

If you are trying to make modifications to a palette that is close but not
quite there, I love Tanaguru. And, for styling text links for people who
are averse to underlining, nothing beats the WebAIM Link Contrast checker,
IMO.