Difference between revisions of "Color References"
| Line 2: | Line 2: | ||
|headline1=General | |headline1=General | ||
|coord head1=326.416, 13.124, 0.000 | |coord head1=326.416, 13.124, 0.000 | ||
| − | |references1=Web Content Accessibility Guidelines; Use of Color; https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html | + | |references1= |
| + | Web Content Accessibility Guidelines; | ||
| + | Use of Color; | ||
| + | https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html | ||
|headline2=Color_Scheme | |headline2=Color_Scheme | ||
|coord head2=326.416, 353.124, 0.000 | |coord head2=326.416, 353.124, 0.000 | ||
| − | |references2=Color Oracle; | + | |references2= |
| + | Color Oracle; | ||
| + | Free color blindness simulator.; | ||
| + | https://colororacle.org; | ||
| + | Colorblindly; | ||
| + | Simulates colorblindness in your web browser.; | ||
| + | https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg; | ||
| + | Colortester; | ||
| + | Software that assesses if a website meets the WCAG 2.0 color contrast success criteria.; | ||
| + | https://alfasado.net/apps/colortester.html; | ||
| + | How to Use Color Blind Friendly Palettes to Make Your Charts Accessible; | ||
| + | Article about and color pallettes suitable for color blindness; | ||
| + | https://venngage.com/blog/color-blind-friendly-palette/; | ||
|headline3=Information_in_color | |headline3=Information_in_color | ||
|coord head3=326.416, 33.124, 0.000 | |coord head3=326.416, 33.124, 0.000 | ||
| − | |references3=Textures.js; SVG patterns for Data Visualization; https://riccardoscalco.it/textures/; We Are Colorblind; Examples of designs that work well or don't work for colorblind people.; https://wearecolorblind.com/examples/ | + | |references3= |
| + | Textures.js; | ||
| + | SVG patterns for Data Visualization; | ||
| + | https://riccardoscalco.it/textures/; | ||
| + | We Are Colorblind; | ||
| + | Examples of designs that work well or don't work for colorblind people.; | ||
| + | https://wearecolorblind.com/examples/ | ||
|headline4= | |headline4= | ||
|coord head4= | |coord head4= | ||
| Line 17: | Line 38: | ||
|belongsto=Color | |belongsto=Color | ||
}} | }} | ||
| + | ==General== | ||
| + | ===Web Content Accessibility Guidelines=== | ||
| + | Use of Color | ||
| + | |||
| + | https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html | ||
| + | |||
| + | ==Color scheme== | ||
| + | ===Color Oracle=== | ||
| + | Free color blindness simulator. | ||
| + | |||
| + | https://colororacle.org | ||
| + | |||
| + | ===Colorblindly=== | ||
| + | Simulates colorblindness in your web browser. | ||
| + | |||
| + | https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg | ||
| + | |||
| + | ===Colortester=== | ||
| + | Software that assesses if a website meets the WCAG 2.0 color contrast success criteria.; | ||
| + | |||
| + | https://alfasado.net/apps/colortester.html | ||
| + | |||
| + | ===How to Use Color Blind Friendly Palettes to Make Your Charts Accessible=== | ||
| + | Article about and color pallettes suitable for color blindness | ||
| + | |||
| + | https://venngage.com/blog/color-blind-friendly-palette/ | ||
| + | |||
| + | ==Information in color== | ||
| + | ===Textures.js=== | ||
| + | SVG patterns for Data Visualization | ||
| + | |||
| + | https://riccardoscalco.it/textures/ | ||
| + | |||
| + | ===We Are Colorblind - Examples=== | ||
| + | Examples of designs that work well or don't work for colorblind people. | ||
| + | |||
| + | https://wearecolorblind.com/examples/ | ||
Revision as of 17:20, 3 April 2021
| headline 1 | General |
|---|---|
| headline 1 coordinates | |
| references 1 | Web Content Accessibility Guidelines;
Use of Color; https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html |
| headline 2 | Color_Scheme |
| headline 2 coordinates | |
| references 2 | Color Oracle;
Free color blindness simulator.; https://colororacle.org; Colorblindly; Simulates colorblindness in your web browser.; https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg; Colortester; Software that assesses if a website meets the WCAG 2.0 color contrast success criteria.; https://alfasado.net/apps/colortester.html; How to Use Color Blind Friendly Palettes to Make Your Charts Accessible; Article about and color pallettes suitable for color blindness; https://venngage.com/blog/color-blind-friendly-palette/; |
| headline 3 | Information_in_color |
| headline 3 coordinates | |
| references 3 | Textures.js;
SVG patterns for Data Visualization; https://riccardoscalco.it/textures/; We Are Colorblind; Examples of designs that work well or don't work for colorblind people.; https://wearecolorblind.com/examples/ |
| headline 4 | |
| headline 4 coordinates | |
| references 4 | |
| headline 5 | |
| headline 5 coordinates | |
| references 5 | |
| links to | |
| belongs to | Color |
| contains |
General
Web Content Accessibility Guidelines
Use of Color
https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html
Color scheme
Color Oracle
Free color blindness simulator.
Colorblindly
Simulates colorblindness in your web browser.
https://chrome.google.com/webstore/detail/colorblindly/floniaahmccleoclneebhhmnjgdfijgg
Colortester
Software that assesses if a website meets the WCAG 2.0 color contrast success criteria.;
https://alfasado.net/apps/colortester.html
How to Use Color Blind Friendly Palettes to Make Your Charts Accessible
Article about and color pallettes suitable for color blindness
https://venngage.com/blog/color-blind-friendly-palette/
Information in color
Textures.js
SVG patterns for Data Visualization
https://riccardoscalco.it/textures/
We Are Colorblind - Examples
Examples of designs that work well or don't work for colorblind people.