Help:Using colours: Difference between revisions

Revision as of 00:27, 31 May 2024

Revision as of 06:19, 31 May 2024

Line 176:

|}

==Schemes for colorcolour-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 [[colorcolour 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 colorscolours which are distinguishable to most colorcolour-blind people, although colorcolour 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: 0px1px solid black;"

|- style="vertical-align:top;text-align:center;"

! ColorColour 01 !! ColorColour 12 !! ColorColour 23 !! ColorColour 34 !! ColorColour 45 !! Colour 6

|-

| style="background: black; color: white;" | Black

| rowspan="2" style="background: red; color: white;" | Red

| rowspan="4" style="background: gray; color: white;" | Grey

| rowspan="4" style="background: lime; color: black;"| Lime

| rowspan="4" style="background: white; color: black;" | White

| rowspan="42" style="background: limeyellow; color: black;"| LimeYellow

| rowspan="2" style="background: redblue; color: white;" | RedBlue

| style="background: red; color: white;" | Red

| rowspan="2" style="background: black; color: white;" | Black

| rowspan="42" style="background: gray; color: white;" | Grey

|-

| style="background: bluegreen; color: white;" | BlueGreen

|-

| rowspan="2" style="background: maroonlime; color: whiteblack;" | MaroonLime

| rowspan="2" style="background: greenpurple; color: white;" | GreenPurple

| style="background: brown; color: white;" | Brown

| rowspan="2" style="background: darkred; color: white;" | Dark Red

| style="background: cyan; color: black;" | Cyan

|-

| style="background: purpleorange; color: whiteblack;" | PurpleOrange

| style="background: pink; color: black;" | Pink

|}

* Pick a maximum of one colorcolour from each column. Do not use more than one colorcolour from any one column.

* Use large expanses of the colorcolour. If you're coloringcolouring text, use bold and a large font.

* For small expanses of colorcolour, such as thin lines, clearly label them with text, or use non-colorcolour 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 colorscolours, like children's crayons. Do not use light or dark variants of the colorscolours.

* If you need more colorscolours... hard luck. Instead use non-colorcolour 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 colorcolour-blind yourself, check your revised image with a colorcolour-sighted person to confirm the meaning is intact.

The following utilities may be of use in determining whether a revised image is distinguishable to colorcolour-blind users. Typically they take a web page or image file as an input, and render a colorcolour-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.