Jump to content

Wikipedia:WikiProject Elements/PTG/resources

From Wikipedia, the free encyclopedia
PTG (talk)
Periodic Table Graphics
Themes
(the sciences)
WT:ELEM
Graphics
(the presentations)
Blocks
(BLOCK) (talk)
Micro-PT
(MICRO) (talk)

main

[edit]
Hue 0–360°
Hue 0–360°
Hue circle (0-360 degrees)
Hue circle (0-360 degrees)

Wikimedia

[edit]

Contrast (Font–background contrast checking, per W3C)

[edit]
  • W3C contrast rules
{{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

WEB design sites

[edit]
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)

[edit]
  • sites that check:
coblis
from WP:DTT: [2]

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

Designing color sets

[edit]

Element infoboxes

[edit]

{{Index to chemical element pages}}

Cell design

[edit]
[3] has Z below-before ;-) (Droog Andrey at WT:ELEM ~yesterday) - DePiep (talk) 11:43, 28 February 2018 (UTC)[reply]

PTG templates

[edit]
WP:PTG
{{PTG}} = {{PTG}} · E
Sets
  • PTG color set definitions
/PTG/categories/... -- dedicated set page
/PTG/set/... -- set definition page
(cat to full name, cat order)
Contrasts
Blind PT
{{Periodic table/ptg-blind-zh-char}} -- zh characters
Pages
All /PTG/...
{{Periodic table legend/Category-ptg-blind}} uses |set=
categories overview /categories (hlist)
themes overview /PTG/themes

Regular PT templates

[edit]

More background

[edit]
PTG/background