Wikipedia:WikiProject Elements/PTG/resources

PTG (talk)
Periodic Table Graphics

Themes
(the sciences)
WT:ELEM

Graphics
(the presentations)

Blocks
(BLOCK) (talk)

State of Matter
(SOM) (talk)

Micro-PT
(MICRO) (talk)

Metal-Nonmetal
(M-nonM) (talk)

Resources
(sets, more)

PTG subpages: /PTG/... subpages
PTG templates: PTG templates · ptg-PT-templates like {{/ptg-blind}}
PT images (commons): :c:Files using enwiki categories
Mainspace PT templates · {{data lists}}
more... More background · (other wiki examples, )
Older Categories (–2020) · Group-3 variants (–2020)
This pageheader ({{PTG}}) (E)

main

Hue 0–360°

HELP:Using colours

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)

W3C contrast rules

Module:Color contrast

{{Color contrast ratio}}; {{ColorToLum}} / {{RGBColorToLum}}; {{Color contrast conformance}}; {{Ensure AAA contrast ratio}}; {{Ensure AA contrast ratio}}; {{Greater color contrast ratio}}
More

{{color box}}: {{color box|#CDF0FF|{{black|CDF0FF{{nbsp|3}}}}|border=none}} → CDF0FF
Ratio: {{color contrast ratio}}: {{color contrast ratio|CDF0FF|black}} → 17.503862440095
Round: 17.5

W3C
webAIM

WEB design sites

good: [1] theory, like baker; webaim; 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: [2]

/Data tables tutorial WP:DTT

There are some tools for simulating color-blind vision: toptal (webpage analysis) and coblis (local file analysis). There are also browser extensions for webpage analysis: Colorblinding (Chrome) NoCoffee (Chrome) NoCoffee (Firefox)
— MOS:COLOR