Help:Using colours: Difference between revisions

Content deleted Content added
Reverted 3 edits by VitAlv13 (talk): No explanation behind these changes. This could affect thousands of articles on Wikipedia so discuss on talk page first.
Tags: Twinkle Undo Reverted
VitAlv13 (talk | contribs)
Undid revision 1226528171 by Betty Logan because of misunderstandings, see more at (User talk:Betty Logan).
Tags: Undo Reverted
Line 176:
|}
 
==Schemes for colourcolor-blind readers==
{{Shortcut|H:Colorblind}}
Approximately 1 in 12 men and 1 in 200 women with Northern European ancestry have [[color blindness#Red–green colour blindness|red-green colour[[color blindness]]; this and other types affect people worldwide.<ref>{{Cite web|last=|first=|date=1 January 2015|title=Color Vision Deficiency|url=https://medlineplus.gov/genetics/condition/color-vision-deficiency/#frequency|archive-url=|archive-date=|access-date=29 January 2021|website=MedlinePlus|publisher=U.S. National Library of Medicine}}</ref> This table shows "safe" groups of colourscolors which are distinguishable to most colourcolor-blind people, although colourcolor should never be used as the sole method to convey information.
 
See also [[:Commons:Commons:Creating accessible illustrations]] for color blind friendly palettes.
 
{| border=1 cellpadding=4 style="border-collapse: collapse; border: 1px0px solid black;"
|- style="vertical-align:top;text-align:center;"
! ColourColor 10 !! ColourColor 21 !! ColourColor 32 !! ColourColor 43 !! ColourColor 5 !! Colour 64
|-
| rowspan="2" style="background: black; color: white;" | Black
| rowspan="2" style="background: bluered; color: white;" | BlueRed
| rowspan="24" style="background: gray; color: white;" | Grey
| rowspan="24" style="background: yellowlime; color: black;"| YellowLime
| rowspan="4" style="background: white; color: black;" | White
| rowspan="2" style="background: yellow; color: black;"| Yellow
| rowspan="2" style="background: blue; color: white;" | Blue
| style="background: red; color: white;" | Red
| rowspan="2" style="background: black; color: white;" | Black
| rowspan="2" style="background: gray; color: white;" | Grey
|-
| style="background: greenblue; color: white;" | GreenBlue
|-
| rowspan="2" style="background: limemaroon; color: blackwhite;" | LimeMaroon
| rowspan="2" style="background: purplegreen; color: white;" | PurpleGreen
| style="background: brown; color: white;" | Brown
| rowspan="2" style="background: darkred; color: white;" | Dark Red
| style="background: cyan; color: black;" | Cyan
|-
| style="background: orangepurple; color: blackwhite;" | OrangePurple
| style="background: pink; color: black;" | Pink
|}
 
* Pick a maximum of one colourcolor from each column. Do not use more than one colourcolor from any one column.
* Use large expanses of the colourcolor. If you're colouringcoloring text, use bold and a large font.
* For small expanses of colourcolor, such as thin lines, clearly label them with text, or use non-colourcolor techniques such as font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, [[checkerboard|checkers]] or [[polka-dot]]s).
* Use bright mid-range colourscolors, like children's crayons. Do not use light or dark variants of the colourscolors.
* If you need more colourscolors... hard luck. Instead use non-colourcolor techniques such as labelling, font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, checkers or polka-dots).
* If you are colourcolor-blind yourself, check your revised image with a colourcolor-sighted person to confirm the meaning is intact.
 
The following utilities may be of use in determining whether a revised image is distinguishable to colourcolor-blind users. Typically they take a web page or image file as an input, and render a colourcolor-blind simulated image as output:
* [https://addons.mozilla.org/en-US/firefox/search/?q=Colorblind&cat=all Mozilla Firefox color-blind addons]
* [https://michelf.ca/projects/sim-daltonism/ Sim Daltonism] simulates color blind vision and displays the results in a floating palette for macOS and iOS. Freeware.