imported>CommonsDelinker: Replacing RBG_color_wheel.svg with File:RGB_color_wheel.svg (by CommonsDelinker because: File renamed: Criterion 3 (obvious error)).

2023-08-17T20:22:55Z

Replacing RBG_color_wheel.svg with File:RGB_color_wheel.svg (by CommonsDelinker because: File renamed: Criterion 3 (obvious error)).

New page

{{PTG}}
==main==
[[File:HueScale.svg|200px|right|Hue 0–360°]]
[[File:Colorwheel - 2.png|200px|right|Hue circle (0-360 degrees)]]
[[File:RGB color wheel.svg|200px|right|]]
* [[HELP:Using colours]]

* [[:Module:Color contrast]]
* {{clc|Color conversion templates}}

==Wikimedia==
* [[WP:ACCESS]]
* [[:mw:Design]]
* '''[[HELP:Link color]]''' -- wikilink blue etc.
* Outdated, interesting: [[:mw:Design/Archive/Wikimedia Foundation Design/Color usage]] Agora palette (2012)

==Contrast (Font–background contrast checking, per W3C) {{anchor|1=Contrast}}==
* W3C contrast rules

* [[Module:Color contrast]]
: {{tl|Color contrast ratio}}
: {{tl|ColorToLum}} / {{tl|RGBColorToLum}}
: {{tl|Color contrast conformance}}
: {{tl|Ensure AAA contrast ratio}}
: {{tl|Ensure AA contrast ratio}}
: {{tl|Greater color contrast ratio}}
;More
* {{tl|color box}}: <nowiki>{{color box|#CDF0FF|{{black|CDF0FF{{nbsp|3}}}}|border=none}}</nowiki> → {{color box|#CDF0FF|{{black|CDF0FF{{nbsp|3}}}}|border=none}}
* Ratio: {{tl|color contrast ratio}}: <nowiki>{{color contrast ratio|CDF0FF|black}}</nowiki> → {{color contrast ratio|CDF0FF|black}}
* Round: {{#expr:{{color contrast ratio|CDF0FF|black}} round 2}}

* W3C
* [http://webaim.org/resources/contrastchecker/ webAIM]

==WEB design sites==
;good
:[https://learnui.design/blog/picking-colors-for-your-data-visualizations.html] theory, like baker
:'''[https://webaim.org/resources/contrastchecker webaim]'''
:'''[http://www.workwithcolor.com/color-converter-01.htm?cp=0040FF&cb=0040FF,00D5FF,31C400,6AFF3D,E6E600,FFBF00,FF4000,FF00FF,AA00FF,FFFFFF workwithcolor.com]'''

:(earlier trials)
2020 set: http://www.workwithcolor.com/color-converter-01.htm?cp=FFFFFF&ch=0-0-100&cb=FFFFFF,FFFFFF,FFFFFF,FFFFFF,FFFFFF,FF9999,FDFF8C,99CCFF,9BFF99,FD99FF
LP03 set http://www.workwithcolor.com/color-converter-01.htm?cp=FEE0FF&ch=298-100-94&cb=FFE3E3,FEFFBF,D8EBFF,DAFFD9,FEE0FF,FF9999,FDFF8C,99CCFF,9BFF99,FD99FF

:2021 DP try1 http://www.workwithcolor.com/color-converter-01.htm?cp=F7D2F9&ch=298-75-90&cb=F9D2D2,F8F9D2,D2E5F9,D4F9D2,F7D2F9,EBADAD,FDFF8C,99CCFF,9BFF99,FD99FF

==Color Blindness awareness (CB) ==
* sites that check:
::coblis

:from WP:DTT: [https://colororacle.org/]
* [[Wikipedia:Manual of Style/Accessibility/Data tables tutorial|/Data tables tutorial]] [[WP:DTT]]

{{quote|style=background:#ddd|author=[[MOS:COLOR]]|text=There are some tools for simulating color-blind vision: [https://www.toptal.com/designers/colorfilter toptal] (webpage analysis) and [https://www.color-blindness.com/coblis-color-blindness-simulator/ coblis] (local file analysis). There are also browser extensions for webpage analysis: [https://chrome.google.com/webstore/detail/colorblinding/dgbgleaofjainknadoffbjkclicbbgaa Colorblinding] (Chrome) [https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl NoCoffee] (Chrome) [https://addons.mozilla.org/en-US/firefox/addon/nocoffee/ NoCoffee] (Firefox)}}

==Designing color sets==

* [[:Module:BrewerColors]] [https://www.colorbrewer2.org colorbrewer2]
* [[:Module:ChartColors]]
* [https://www.scientificamerican.com/article/end-of-the-rainbow-new-map-scale-is-more-readable-by-people-who-are-color-blind/ rainbow]
* [https://www.color-blindness.com/deuteranopia-red-green-color-blindness/ CB ]

===Element infoboxes===
{{tl|Index to chemical element pages}}

===Cell design===
: [http://www.primefan.ru/stuff/chem/front2018.png] has Z below-before ;-) (Droog Andrey at WT:ELEM ~yesterday) - [[User:DePiep|DePiep]] ([[User talk:DePiep|talk]]) 11:43, 28 February 2018 (UTC)

==PTG templates==
:[[WP:PTG]]
:{{tl|PTG}} = {{tl|PTG}}{{dot}}{{edit|1=Template:PTG|2={{smallcaps|E}}}}

;Sets
* PTG color set definitions
::{{special|1=PrefixIndex/Wikipedia:WikiProject Elements/PTG/categories|4=/PTG/categories/...}} -- dedicated set page
::{{special|1=PrefixIndex/Wikipedia:WikiProject Elements/PTG/set|4=/PTG/set/...}} -- set definition page
::([[Wikipedia:WikiProject Elements/PTG/cat-to-name|cat to full name]], [[Wikipedia:WikiProject Elements/PTG/cat-order|cat order]])

* [[Wikipedia:WikiProject Elements/PTG/table-setlist|/table-setlist]] ([[Wikipedia:WikiProject Elements/PTG/table-setlist|row]])

;Contrasts
*{{tla|PTG/contrast-header|PTG/contrast ...}} {{Special|1=PrefixIndex/Template:PTG/contrast|4=PTG/contrast}}

;Blind PT
*{{tl|Periodic table/ptg-blind}}
:{{tl|Periodic table/ptg-blind-zh-char}} -- zh characters

;Pages
:'''All {{special|1=PrefixIndex/Wikipedia:WikiProject Elements/PTG|4=/PTG/...}}'''

::{{tl|Periodic table legend/Category-ptg-blind}} uses {{para|set}}

:categories overview [[Wikipedia:WikiProject Elements/PTG/categories|/categories]] ([[Wikipedia:WikiProject Elements/PTG/categories/list|hlist]])
:themes overview {{Special|1=PrefixIndex/Wikipedia:WikiProject Elements/PTG/theme-|4=/PTG/themes}}

==Regular PT templates==
{{bulleted list
| 3={{tl|Element color}}
| 4={{tl|Periodic table legend}}
| 5={{tl|Infobox element/symbol-to--navbox}}
}}

==More background==
:[[Wikipedia:WikiProject Elements/PTG/background|PTG/background]]

MyWiki:WikiProject Elements/PTG/resources - Revision history

imported>CommonsDelinker: Replacing RBG_color_wheel.svg with File:RGB_color_wheel.svg (by CommonsDelinker because: File renamed: Criterion 3 (obvious error)).