Help:Using colours: Difference between revisions

Revision as of 14:55, 31 May 2024

Revision as of 16:13, 31 May 2024

Line 1:

{{Short description|Wikimedia help page}}

{{about|the use of colourscolors in articles|the civility essay dealing with colourscolors|Wikipedia:Don't edit war over the colourcolor of templates|guidelines on colourcolor use|MOS:COLOURCOLOR|the help page about link color|H:LC|the help page about user contributions|WP:UCP}}

{{Wikipedia how to|HELP:COLOR|WP:COLOURSCOLORS|H:UC}}

{{Warning|1={{big|'''Links should clearly be identifiable as links to readers'''.}}<br />Refrain from implementing colouredcolored links that may impede user ability to distinguish links from regular text, or colourcolor links for purely aesthetic reasons. See the guides to editing articles for accessibility at [[WP:CONTRAST|contrast]], [[Wikipedia:Manual of Style/Accessibility|accessibility]] and [[WP:NAVBOXCOLOURNAVBOXCOLOR|navbox colors]].}}

To use a colourcolor in a [[wikipedia:template|template]] or [[wikipedia:table|table]] you can use the [[hex triplet]] (e.g. bronze is #CD7F32) or [[HTML color names]] (e.g. red).

Editors are encouraged to make use of [[Brewer palettes]] for charts, maps, and other entities, using '''[https://colorbrewer2.org/ this tool]'''.

==Overriding font colourcolor{{anchors|Overriding font color}}==

To make a word have colourcolor, use:

<code><nowiki><span style="color:</nowiki>''hex triplet or colourcolor name''<nowiki>">text</span></nowiki></code>

Note that you can't use the British spelling, "colourcolor", in this context.

Examples:

Line 19:

*<code><nowiki><span style="color:#0000FF">blue writing</span></nowiki></code> shows as <span style="color:#0000FF">blue writing</span>

===Template font colourcolor {{anchors|Template font color}}===

[[Template:Font color]], or its redirect [[Template:Font colourcolor]], can also be used.

<code><nowiki>{{Font colourcolor|fontcolourfontcolor|backgroundcolourbackgroundcolor|Your text here}}</nowiki></code>

{| class="wikitable" style="width:100%; text-align:left;"

Line 38:

|}

==<span id="Color generation guide">ColourColor generation guide</span>==

*The method used for selecting the colourscolors for various top-level pages, e.g. [[Main Page]], [[Wikipedia:Community Portal|Community Portal]], [[Wikipedia:Contents|Contents]], and [[Help:Contents]].<br />The 3 colourscolors are generated using the [[HSV colourcolor space]], then translated into [[RGB color model|RGB]].

{| border="0" cellspacing="4" cellpadding="8" style="border:black solid 1px;"

|+

|-

! width="60px" | Hue !! Saturation 4%<br />Brightness 100%<br /><br /><small>main background</small> !! Saturation 10%<br />Brightness 100%<br /><br /><small>2nd header, accent colourcolor</small> !! Saturation 15%<br />Brightness 95%<br /><small>main border<br />header background</small> !! Saturation 15%<br />Brightness 75%<br /><br /><small>header border only</small>

|-

! &nbsp; !! &nbsp; !! colspan="3" style="text-align:right" | <small>Note: for layouts with no spacing between borders, use the darker border colourcolor.</small>

|-

| style="background:#FF0000; color:white; text-align:center;" | Hue: 0 || style="background:#FFF5F5; color:black; text-align:center;" | #FFF5F5 || style="background:#FFE6E6; color:black; text-align:center;" | #FFE6E6 || style="background:#F2CECE; color:black; text-align:center;" | #F2CECE || style="background:#BFA3A3; color:black; text-align:center;" | #BFA3A3

Line 123:

|}

==Wikimedia colourcolor schemes{{anchors|Wikimedia color schemes}}==

===Wikipedia===

{{see also|Wikipedia:Skin}}

Wikipedia uses this colourcolor scheme on its [[Main Page]].

{{block indent|left=1.5|1=''Note: the colourcolor for the border of the lighter boxes is also the colourcolor of the backgrounds of the darker (title) boxes.''}}

<!-- legacy XHTML table visible with any browser -->

{|

Line 156:

|}

Additional 3-colourcolor palettes using this same generation scheme are at the top of the [[Help talk:Using colourscolors|talk page]]. In the Monobook skin, the background colourcolor of Wikipedia pages is #F8FCFF. In the Vector skin, the background colourcolor on all pages is #FFFFFF.

===Commons===

The Wikimedia Commons uses this colourcolor scheme on [[:commons:Main Page]] and [[:commons:Help:Contents]]. Differing from the English Wikipedia, Commons does not use an extra, darker colourcolor for bordering the header. Also, the colourcolor sets are not derived from a hue the way the above table does.

{| cellspacing="0" cellpadding="0" style="margin:0 0 1em; width:100% background:white;"

| style="width:50%; vertical-align:top; border:1px solid #abd5f5; background:#f1f5fc;"|

<div style="border-bottom:1px solid #abd5f5; background:#d0e5f5; padding:0.2em 0.5em; font-size:110%; font-weight:bold;">background colourcolor: #d0e5f5</div>

<div style="border-bottom:1px solid #abd5f5; padding:0.4em 1em 1em;">

background colourcolor: #f1f5fc<br />

border colourcolor: #abd5f5</div>

| style="padding:0 0.5em;"|

<!-- Right column 3 orange -->

| style="width:50%; vertical-align:top; border:1px solid #fad67d; background:#faf6ed;"|

<div style="border-bottom:1px solid #fad67d; background:#faecc8; padding:0.2em 0.5em; font-size:110%; font-weight:bold;">background colourcolor: #faecc8</div>

<div style="border-bottom:1px solid #fad67d; padding:0.4em 1em 1em;">

background colourcolor: #faf6ed<br />

border colourcolor: #fad67d</div>

|}

Line 212:

* [https://www.colororacle.org/ Color Oracle] downloadable, free color blindness simulator for Windows, Mac and Linux. Freeware.

==ColourColor ramps==

The standard rainbow should not be used to represent continuous data, because it creates artificial thresholds; humans do not see the spectrum as a smooth ramp. Greyscales, or a perceptually-even colourcolor ramps, or a colourcolor map chosen to deliberately highlight certain features, are preferable. Diverging colourcolor ramps (two colourcolor extremes around a white or black neutral value) tend to hide some high-frequency features.

ColoursColors have cultural connotations; pick ones that match your data. That is, a diverging colourcolor ramp with extremes "<span style="color: red">hot</span>, <span style="color: blue">cold</span>" will be easier to understand than the reverse (<span style="color: blue">hot</span>, <span style="color: red">cold</span>).

* {{cite web |last1=McNeall |first1=Doug |title=Picking a colourcolor scale for scientific graphics |url=https://betterfigures.org/2015/06/23/picking-a-colourcolor-scale-for-scientific-graphics/ |website=Better Figures |language=en |date=23 June 2015}}

*{{cite web |title=Elegant Figures - Subtleties of Color (Part 1 of 6) |url=https://earthobservatory.nasa.gov/blogs/elegantfigures/2013/08/05/subtleties-of-color-part-1-of-6/ |website=earthobservatory.nasa.gov |language=en |date=1 February 2020}}

*{{cite journal |last1=Rougier |first1=Nicolas P. |last2=Droettboom |first2=Michael |last3=Bourne |first3=Philip E. |title=Ten Simple Rules for Better Figures |journal=PLOS Computational Biology |date=11 September 2014 |volume=10 |issue=9 |pages=e1003833 |doi=10.1371/journal.pcbi.1003833 |pmid=25210732 |pmc=4161295 |bibcode=2014PLSCB..10E3833R |doi-access=free }}

Line 223:

==See also==

===Templates===

*To colourcolor text and background:

** [[Template:Font color]]

*To provide example squares of colourcolor:

** [[Template:Color sample]]

** [[Template:Swatch]]

Line 236:

* [[Help:Link color]]

* [[Help:Displaying a formula#Color]]

* [[Wikipedia:Infobox colourscolors]] – inactive

* [[Wikipedia:WikiProject Usability/Color]] – inactive

Line 262:

{{Wikipedia technical help|collapsed}}

[[Category:Wikipedia accessibility|ColoursColors]]