Help talk:Using colours Source: en.wikipedia.org/wiki/Help_talk:Using_colours
This page is written in British English, which has its own spelling conventions (colour, travelled, centre, defence, artefact, analyse) and some terms that are used in it may be different or absent from other varieties of English. According to the relevant style guide, this should not be changed without broad consensus.
This help page does not require a rating on Wikipedia's content assessment scale. It is of interest to the following WikiProjects:
This page is within the scope of the Wikipedia Help Project, a collaborative effort to improve Wikipedia's help documentation for readers and contributors. If you would like to participate, please visit the project page, where you can join the discussion and see a list of open tasks. To browse help related resources see the Help Menu or Help Directory. Or ask for help on your talk page and a volunteer will visit you there.Wikipedia HelpWikipedia:Help ProjectTemplate:Wikipedia Help ProjectHelp
This page is within the scope of WikiProject Accessibility, a group of editors promoting better access for disabled or otherwise disadvantaged users. For more information, such as what you can do to help, see the main project page.AccessibilityWikipedia:WikiProject AccessibilityTemplate:WikiProject AccessibilityAccessibility
This page is supported by WikiProject Color, a project that provides a central approach to color-related subjects on Wikipedia. Help us improve articles to good and 1.0 standards; visit the wikiproject page for more details.ColorWikipedia:WikiProject ColorTemplate:WikiProject Colorcolor
Top-level palettes at thirty-degree hue increments in HSV (sRGB)
I'd appreciate someone giving a concise summary of how the new main page colours were selected. (I'm presumming the saturation/hue remained the consistent variables, as shown?)
Then we can generate a few additional colour schemes that all fit well together, helping keep wikipedia consistently styled where possible. --Quiddity00:55, 11 April 2006 (UTC)[reply]
For the TFA/DYN sections, the the saturation/brightness values vary (as follows) with the hue remaining constant:
For the heading background, the saturation is 15% and brightness is 95%.
For the heading border, the saturation is 15% and brightness is 75%.
For the box background, the saturation is 4% and brightness is 100%.
For the ITN/OTD sections, the saturation and brightness scheme is the same as above, but the hue (color) is different. Same goes for the Today's featured picture section. --Aude (talk | contribs) 01:58, 11 April 2006 (UTC)[reply]
It's not just canada, as far as I'm aware, this is the spelling used in every English speaking country apart from the US PhilcTECI22:48, 30 May 2006 (UTC)[reply]
I was wondering the same thing. In everything else related to Wikipedia colors, it's spelled with the American spelling, but this, and only this, has the Canadian/British spelling. Perhaps there should be a bit more...consistency?
♥►ąĿÎąş◄ ♥ (ŧąĿĸ) 23:37, 23 March 2008 (UTC)[reply]
I think there is little possibility for confusion so applying #3 makes sense as supportable and has the added benefit of requiring doing nothing. wcfFacts are stubborn.Comments?22:40, 11 January 2009 (UTC)[reply]
How come the colours used in the little box that pops up and says your talk page has been edited aren't included in this article. PhilcTECI22:52, 30 May 2006 (UTC)[reply]
There are hundreds of colours used in the various infoboxes, that arent listed here. Just look at the wiki code to see what colour is being used :) -Quiddity23:15, 30 May 2006 (UTC)[reply]
Most browsers use dark foreground colours, typically black for text, underlined blue for links, and a slightly different underlined blue for visited links.
That's also the case for old browsers not supporting CSS. Therefore changing the background colour is tricky:
Dark background colours are out - unless the foreground colour is also changed. Ideally checked with a service converting all colours to a black and white scheme, if it still works it should be fine also for the colourblind.
Mixing legacy markup and CSS can have hilarious effects like a legacy black/blue foreground on a dark background, if editors use bgcolor="black" for the BG, and style="color: white" for the FG.
Using a legacy <font color="white"> is deprecated. Violating that rule is an option, otherwise better don't use legacy markup for dark backgrounds.
Outside of CSS stay away from the hex. #rgb notation, old browsers only know #rrggbb (six hex. digits). Maybe use one of the sixteen colour names, that's guaranteed to work on the most limited devices, cell-phones, PDAs, printers, whatever, as far as they support colours.
Text browsers don't support colours. (They need them internally to display mixtures of italics / bold / etc. and logical style tags like <code> on text mode displays with a single monospaced font).
XHTML basic and XHTML print don't support inline CSS. If available use class= references to an external style sheet, for links see Wikipedia:Customisation.
See also my experimental page with links to a colourblind emulator. The interesting table above has no effect on legacy browsers (and often no effect is good news from my POV... ;-) -- Omniplex15:16, 23 April 2006 (UTC)[reply]
This section seems to be a bit abrupt to be added without discussion. On what basis are these colors "allowed," implying others are "disallowed"? The list doesn't seem to be all that consistent with the HSB/HSV style of designating color palettes either. Rfrisbietalk04:28, 22 September 2006 (UTC)[reply]
In the See Also section, the page "Infobox Colors" appears to be INACTIVE, whereas the "WikiProject Usability/Color" page appears to be ACTIVE. Should their designations on this page be changed or am I missing something? Newbie Laurie Fox06:33, 3 December 2006 (UTC)[reply]
Both are historical/inactive. I've updated accordingly. (this page has been inactive a while too, needs help.. Usability/Color should be merged here, plus the list of items above..) --Quiddity20:57, 3 December 2006 (UTC)[reply]
Why do the color listed here on this talk page differ from the guideline itself? What one's correct? (If you don't know what I'm talking about, look at the darker color blue.) - Rocket00000:18, 26 September 2007 (UTC)[reply]
Oh, I get it. The table at the top of this page was made based on the green from the main page. That's why the blue and purple shades are a little off. We should fix this. - Rocket00000:51, 26 September 2007 (UTC)[reply]
As for fixing, the whole page needs a gentle overhaul, as discussed 3 sections above.
(and the table at top contains the ideal we were working from, of 60degree increments, not the actual implementation. Yes that should be made clearer). --Quiddity01:47, 26 September 2007 (UTC)[reply]
Thank you for responding. I was just wondering what colors (main page colors or this palette) should be used in making templates and such. Before I found this page, I was going with the main page colors but then I realized, by comparing side by side, most of the templates in use have slightly different shades. Was there any systematic way of determining the main page colors? (Like some system I can use to get different hues?) - Rocket00013:51, 26 September 2007 (UTC)[reply]
Here's what the chart would look like based off the main page (minus extended colors):
I asked David Levy if he remembered when/why the colors were changed, but he either doesn't recall either, or hasn't had time to reply yet. Sorry I couldn't be more help. --Quiddity02:35, 28 September 2007 (UTC)[reply]
The article was created as Wikipedia:Colours and per WP:ENGVAR should remain there. I've move protected it at that location because of the recent move wars (which resulted in lots of double redirects). Moves can still be discussed here, of course. violet/riga(t)10:31, 22 October 2007 (UTC)[reply]
Since tables are the general way to present structured information, and presentation of structured information is often assisted by colors, I'm a bit surprised there is not more table-specific information and guidance here.
It seems especially odd that there is no information about the choice of colors in class=wikitable (#f9f9f9 for background, #f2f2f2 for headings). When I needed a third color for a table heading a while ago (in List of motion picture film stocks), I ended up choosing #ebebeb since it was 7 less than #f2f2f2 which was 7 less than #f9f9f9; but I was not aware of this page at that time. How were the table colors chosen?
In addition to presenting the colours employed in the various title boxes, shouldn't mention be made of the Wikipedia's page background colour itself (#F8FCFF)? JGHowestalk - 01:07, 11 April 2008 (UTC)[reply]
Infobox colours as a customisable option, and its implications
The article seems fine. The Template:Denver Broncos has some hard-to-read colour contrasts though. The orange-on-blue in the title, and the black-on-orange in the groupheadings, should probably be changed. (And the title should be linked to Denver Broncos). I'd suggest the standard navbox colour schemes (or those found in {{NFL}}, perhaps), but any sort of dark-text-on-a-light-background is universally recommendable. -- Quiddity (talk) 17:57, 29 August 2008 (UTC)[reply]
There were some concerns about colour being the only indicator though. Can see you see anywhere where that is an issue? BUC (talk) 19:23, 30 August 2008 (UTC)[reply]
As far as I can tell, everything appears to be properly-redundantly labeled. However, I don't know the game at all, so I'm confused by a number of things. You might get more help by inquiring in this recent thread: Wikipedia talk:Accessibility#Use of colour to convey information. Sorry I wasn't more help. (also, at the article, footnote:g seems to be broken, but I couldn't see anything obviously wrong?). -- Quiddity (talk) 23:12, 2 September 2008 (UTC)[reply]
At least one stage darker for the standard wikilink would be the most significant improvement I can imagine in the WikiMedia software. Tim Starling recently told me that the colour was probably chosen on a hunch at the time (i.e., not trialled or based on any understanding of the psychology of reading). Tony(talk)09:07, 22 August 2009 (UTC)[reply]
An article I do occasional work on, Virginia House of Delegates, just had a large table recoded to indicate political party preference via a background color templates, Template:Party shading/Democratic and Template:Party shading/Republican. This has led to a rather large number of links, blue and red, sitting on backgrounds of #B0CEFF and #FFB6B6. This appears to be a spreading usage in US political articles. Is it just me, or is there a serious contrast problem with this mix of red or blue text on red or blue backgrounds? Rklear (talk) 01:55, 17 November 2008 (UTC)[reply]
I'm increasingly irritated by angry fruit salad coloring like this, with random words in the body of the article colored. Would there be opposition to adding this to the guideline?
Colors should only be used in tables, sidebars and illustrations. Do not use colored text, colored links or colored backgrounds in the article body.
Yikes! Yes, this needs to be strongly discouraged. Using color like this makes it harder to write, is invisible for some colorblind blind users, and is subjectively harder to read or could be considered ugly/distracting. -- Quiddity (talk) 17:54, 13 August 2009 (UTC)[reply]
Generally speaking I agree, though, we should consider what might count as justifiable exceptions (like the one mentioned above). JIMptalk·cont18:50, 14 August 2009 (UTC)[reply]
The colours deployed are those used in the table. The words coloured are those with that colour in the table in the article, which the words are talking about. HarryAlffa (talk) 16:23, 17 August 2009 (UTC)[reply]
And as Quiddity says, "Using color like this makes it harder to write, is invisible for some colorblind blind users, and is subjectively harder to read or could be considered ugly/distracting." For the specific case of those Hong Kong metro articles, line color is worth noting in tables, but it adds absolutely no value to repeat it in the body text. Jpatokal (talk) 02:41, 18 August 2009 (UTC)[reply]
If (truly) random colouring of words or background were a problem, then it might be something worth bothering about. However, I believe there are some style guides, or accessibility guides, which deal with colour use already. I can't be arsed looking for them; what about anyone else? HarryAlffa (talk) 16:23, 17 August 2009 (UTC)[reply]
Text or diagrams and their background must have a luminosity contrast ratio of at least 5:1 for level 2 conformance to guideline 1.4, and text or diagrams and their background must have a luminosity contrast ratio of at least 10:1 for level 3 conformance to guideline 1.4.
East Rail Line : Fail (The contrast ratio is: 2.74) ; Foreground:#6699FF Background:#FFFFFF
Tsuen Wan Line : Fail (The contrast ratio is: 4.00) ; Foreground:#FF0000 Background:#FFFFFF
Tung Chung Line : Fail (The contrast ratio is: 2.91) ; Foreground:#FF663A Background:#FFFFFF
Light Rail : Fail (The contrast ratio is: 2.07) ; Foreground:#DDAA66 Background:#FFFFFF
West Rail Line : Passed at Level 2 (The contrast ratio is: 6.66) ; Foreground:#AA0090 Background:#FFFFFF
Ma On Shan Line : Passed at Level 2 (The contrast ratio is: 6.99) ; Foreground:#8B4544 Background:#FFFFFF
On Wikipedia, every link is blue. Therefore, everything that is not blue is not a link. It is very confusing for the user, so please do not change the color of the links (and same goes for text: text is black).
Each kind of content has a specific color. New colors should only be used to indicate a new kind of interactive content.
Good and bad example of color use
Bad usability
Good usability
<div style="color: #fff;background:#AA0077;font-weight:bold;text-align: center;">
West Rail Line
</div>
I agree where this is coming from, but don't fully agree with the proposal for a full-on merge. My opinion is:
The "using colours in articles" section belongs in WP:ACCESS.
If that move were to take place, then logically WP:COLOUR is no longer part of the Manual of Style, but instead a technical guide.
It may be appropriate to create a hatnote at the top of WP:COLOUR to the new section, such as You may have been looking for [[Wikipedia:Accessibility#Using colour in articles]].
But in my opinion it is desirable to keep a technical explanation of how to apply colour separate from the MoS guideline on when to use it. For that reason I'm opposed to a full merge. WFCforLife (talk) 01:54, 17 December 2009 (UTC)[reply]
Thank you for mentioning that! I was thinking along similar lines myself, and I was really curious if someone would have a similar thought. We do have several Category:Wikipedia how-to articles, and it would make sense to me to do a split here, with the remainder being a technical howto doc. — V = I * R (talk to Ω) 02:51, 17 December 2009 (UTC)[reply]
Not really, because the page now is a How-to rather then being a guideline and How-to combined. The current name of this page should really redirect to Wikipedia:Accessibility#color, where the guideline content has been moved. Since this page is now only the how-to content it seems to me that the name should reflect that. — V = I * R (talk to Ω) 21:24, 17 December 2009 (UTC)[reply]
I strongly suggest to put the #Colour generation guide from here into thee Help-page. Very good & useful, explaining right what the color scheme are & should do .(Well, maybe change into "Color", all these English on this wiki ;-).) Also, the top-page table could be there. -DePiep (talk) 00:02, 16 July 2010 (UTC) (adding & sectioning) -DePiep (talk) 01:09, 19 July 2010 (UTC)[reply]
@Edokter: You removed a link to w3color that was added by 95.155.1.218. You didn't leave a reason in the edit summary. I thought the link was actually quite a good addition to the page. What was the reason for removing it? Zell Faze (talk) 12:12, 25 July 2014 (UTC)[reply]
Any site that does not provide a unique resource beyond what the article would contain if it became a featured article. Not applicable as this is a help page, but if this were the ideal version of this help page, it would likely still not contain a colour picker. I think the link satisfies this requirement.
Any site that misleads the reader by use of factually inaccurate material or unverifiable research, except to a limited extent in articles about the viewpoints that the site is presenting. Easily passes. The page definitely doesn't misrepresent anything, its a tool.
Sites containing malware, malicious scripts, trojan exploits, or content that is illegal to access in the United States. Suspected malware sites can be reported by following the instructions at Wikipedia:Spam blacklist. Site has no malware.
Links mainly intended to promote a website, including online petitions. See external link spamming. I don't think this link is promotional. To me it seems a reasonable tool to link to from here. As far as I can tell the submitter doesn't have any affiliation with them.
Individual web pages[5] that primarily exist to sell products or services, or to web pages with objectionable amounts of advertising. For example, the mobile phone article does not link to web pages that mostly promote or advertise cell-phone products or services. Website isn't selling anything, contains no ads.
Sites that require payment or registration to view the relevant content, unless the site itself is the subject of the article, or the link is a convenience link to a citation.[4] See below. Site does not require payment for use.
Sites that are inaccessible to a substantial number of users, such as sites that only work with a specific browser or in a specific country. Only accessibility problem that I can see is its use of colour and its use of Javascript. Both I think are reasonable given the topic at hand and the nature of what the tool is trying to accomplish.
Direct links to documents that require external applications or plugins (such as Flash or Java) to view the content, unless the article is about such file formats. See rich media for more details. Website uses Javascript. It doesn't require any plugins to use.
Any search results pages, such as links to individual website searches, search engines, search aggregators, or RSS feeds. Page is not a search engine result.
Social networking sites (such as Myspace, Facebook, LinkedIn, and Instagram), chat or discussion forums/groups (such as Yahoo! Groups), Twitter feeds, Usenet newsgroups or e-mail lists. Page is not a social network.
Blogs, personal web pages and most fansites, except those written by a recognized authority. (This exception for blogs, etc., controlled by recognized authorities is meant to be very limited; as a minimum standard, recognized authorities who are individuals always meet Wikipedia's notability criteria for people.) Doesn't appear to be a blog or a personal website. It looks like a pretty well designed tool for colour selection.
Open wikis, except those with a substantial history of stability and a substantial number of editors. Mirrors or forks of Wikipedia should not be linked. Is not a Wiki.
Sites that are only indirectly related to the article's subject: the link should be directly related to the subject of the article. A general site that has information about a variety of subjects should usually not be linked from an article on a more specific subject. Similarly, a website on a specific subject should usually not be linked from an article about a general subject. If a section of a general website is devoted to the subject of the article, and meets the other criteria for linking, then that part of the site could be deep linked. I would consider a colour selection tool directly related to a help page on Using Colour.
Lists of links to manufacturers, suppliers or customers. It not a list of manufacturers or suppliers.
Sites already linked through Wikipedia sourcing tools.[4] For example, instead of linking to a commercial book site, consider the "ISBN" linking format, which gives readers an opportunity to search a wide variety of free and non-free book sources. Map sources can be linked by using geographical coordinates. The site is not already linked to through Wikipedia's sourcing tools (or in this case, I would argue that any section of the interface, which is it also not linked to by).
Sites that are not reliably functional and/or not likely to continue being functional. For example, links to temporary internet content, where the link is unlikely to remain operable for a useful amount of time. While I can't guarantee the reliability of the site. It seems pretty professionally made, which to me says its likely to be around for a while.
Affiliate, tracking or referral links, i.e., links that contain information about who is to be credited for readers that follow the link. If the source itself is helpful, use a neutral link without the tracking information. Link does not contain an affiliate or referral code.
External links on Wikipedia navigation templates or navigation pages such as disambiguation, redirect and category pages. Item not applicable to help pages.
Websites of organizations mentioned in an article—unless they otherwise qualify as something that should be linked or considered. The website isn't mentioned in this help page anywhere.
This help page discusses how to use colour in articles on Wikipedia. It shows you the methods you use to color items and then lists commons colours used on Wikipedia. This list of common colours though does not cover every situation that might come up (nor should it). I think linking to a colour picker tool would be useful for those situations where the list of colours on this page does not have in it the specific colour that you need in the article. Certainly such situations do come up, and I suspect an editor in such a situation would be reading this particular help page, thus making it a convenient and useful spot to stick such a link. Imagine the following, you are working on an article (or more likely a Wikiproject page) and for some reason (why is not relevant here, but such situations are bound to come up) you need to colour something a deep Burgundy. You open up Help:Using colours and read the page. You now know how to display the colour that you want, but it wasn't listed in the list, so you really aren't quite sure how you go about displaying that colour. If there was a link to a colour picker at the bottom of the help page, of course you would follow it and you'd be able to quickly determine the colour code that you need to use.
I should also add, that I'm not dead set on this specific colour picker (though it does seem to be a reasonable one to use). I just think that a link to a colour picker of some description would be very helpful to someone reading this page. Clearly 95.155.1.218 (talk) agreed. Zell Faze (talk) 18:25, 26 July 2014 (UTC)[reply]
I am looking at the table in List of wind farms in South Australia and undoubtedly similar tables in many other places. It has coloured backgrounds for the status column with text values of Installed, Planning approved, Under construction, Proposed, Feasibility. I have recently added Cancelled. I made up the new colour as I could not find a guide on whether there is a standard set I should have chosen from. Thank you. --Scott DavisTalk07:19, 13 April 2018 (UTC)[reply]
Just for an example, I'm adding a Template:Digital clock and date to my User page (still in sandbox at this phase). I'm changing it from a plastic white appearance to one that matches the default color scheme of other elements on my page, e.g. TOC, Archives box, and Wikitable. It would be handy if this default color scheme was defined on this page, but Wikipedia is under § Wikimedia, and the color scheme shown does not match the templates and tables I've just described. — Christopher, Sheridan, OR (talk) 21:52, 22 May 2021 (UTC)[reply]
This edit request has been answered. Set the |answered= parameter to no to reactivate your request.
Not done: According to the page's protection level you should be able to edit the page yourself. If you seem to be unable to, please reopen the request with further details. Also, what? This page isn't semi-protected, and I have no idea what you're talking about (so if the page was semi-protected I would decline as XY most likely.) casualdejekyll23:44, 3 February 2022 (UTC)[reply]
I was scouring the internet for a helpful guide to inclusive color palettes and ran across this blog. It appears to do a deep-dive into color-blindness and the palettes the author creates are also shown in the way that people with specific types of color-blindness would see them. Lindsey40186 (talk) 13:42, 10 July 2022 (UTC)[reply]
The 3 colours are generated using the HSV colour space, then translated into RGB.
HSV is one of several representations of the sRGB color space. All RGB spaces are based upon the technology, not human perception, therefore linear gradients therein do not appear uniform, for instance. Other color spaces have been devised that focus on how human eyes and brain see colors. A popular one is CIELAB (with various variants and representations) and a rather recent improvement on that is OKLab, which can be represented by lightness, chroma and hue as well.
I propose to change the Colour Generation Guide to use OK… with the same hues in 10° (or 15° or 30°) steps as for HSV, but I’m not sure yet which systematic L and C values should be chosen to get similar colors to the ones currently suggested. (The values in the table below are very preliminary.)
main background
2nd header, accent colour
main border, header background
header border only
HSV Saturation
4%
10%
15%
15%
HSV Brightness (Value)
100%
100%
95%
75%
OK Lightness
98%
98%
90%
75%
OK Chroma
1%
3%
5%
3%
The end result could be converted back to sRGB hex values, because most authors (who’ll copy entries from this table) are more familiar with them, although some preferable colors might be outside the sRGB gamut. — ChristophPäper15:01, 27 September 2023 (UTC)[reply]
I checked my new colours with colourblind filters and it improved support for blue-yellow and total colourblindness.
— VitAlv13(talk) 2:26 PM, May 31, 2023 (EST)
Colour 0
Colour 1
Colour 2
Colour 3
Colour 4
Black
Red
Grey
Lime
White
Blue
Maroon
Green
Purple
Comment Whilst colour-blind filters are a useful tool, quirks and differences exist between them because accommodating color blindness is not an exact science. Is there any scientific/medical evidence to back up your proposed color scheme? I note proposed scheme reduces the palette of options, which could have a limiting effect on articles. The second point is that changing the proposed colour scheme has repercussions for potentially thousands of articles, so is it really necessary? I would be reluctant to change the colour scheme solely on the basis of a single editor experimenting with filters. The current scheme was instituted by Curran919 so I will tag him into the discussion. Betty Logan (talk) 22:05, 1 June 2024 (UTC)[reply]
Root comment is just over a year old. It was proposed before I made the edit.
My proposal focuses on the red-green confusion lines, which make up the vast majority of colorblind cases. Generally, blue-yellow accessibility is ignored as it is mostly antithetical to red-green accessibility. Trying to make something accessible to both is the same as trying to make it achromat accessible. Root proposal is not terrible though. Tritans will likely confuse blue and green, but going with black-dark-gray-light-white where dark and light represent shades of a single hue far from the neutral axes of any CVD type is a sensible approach, on reflection. Curran919 (talk) 22:44, 1 June 2024 (UTC)[reply]
Just for clarification, the root comment is not a year old; it was posted a couple of days ago and backdated: [1]. Not that it matters, really. Do you think it would be better to retain the existing version, or is there some scope for optimisation? It should be noted the proposed version takes us down to five combinations (as opposed to six) so the reduced palette might not translate to a straight swap in articles if this were to be implemented. Betty Logan (talk) 04:16, 3 June 2024 (UTC)[reply]
Instead use non-colour techniques such as labelling, font styles (bold or italic), line styles (dots and dashes) or cross-hatching (stripes, checkers or polka-dots). VitAlv13 (talk) 17:07, 6 June 2024 (UTC)[reply]
What is the wiki naming convention for team colors, there has teams that use special names for the colors like "victory blue" or "batter yellow", does wiki consensus is to use simply blue/yellow or the direct team names following patterns like hex and Pantone are allowed too? Meganinja202 (talk) 10:24, 1 January 2025 (UTC)[reply]
I take it you're aware that all this is mentioned in the lead of the page? We are repeating the same links twice in the lead. Moxy🍁23:12, 13 February 2025 (UTC)[reply]