User:DePiep/PTG

USER: /home- /subpg · /sbox- · /1 2 3 4 5 6  · {{X32}} () /help* /news /s- /x- /xx- /row-  EXTERNAL: EL:w3c-css · TOOLS: WD: rgx101 PETSCAN  · wtech /tpu · commons
WIKI: special:ExpandT Prefix (T:list) #parse {{MAGIC}} H:notes · _TOC_ WikiBlame mw:Lua man (patterns, debug, α) · T:SFW/s (M:,../sandbox) · M:String · TFA /better signpost adnws · SPEEDY CFSD · alerts
/unicode: {{T:U+}} m:Uchar · U+abbr · {{ISO15924}} ff conv · {{ISO4217}} BOXES: /chembox /ChemData  · /drugbox T · TG · DEV: /CUR · /taxo · /chemlist · NBSP> < minus>−< NDASH>–< MDASH>—< NOT EQUAL>≠< DOTCIRCLE>◌<
ELEM: pv /elem · WT · ISO-T symbol-to-data · datarefs · :c:cat:PT · U:PTG · WP:PTG (t)

This box: view ·

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)

blocks

• • Set:  "DP-2021-blocks1"  ()
  • Theme=blocks
  • Set-page=000000
  • Set-tests=[[DP-2021-blocks1/tests]]
  • Status=try1
  • Descr=HSL: H75%, S90%
  • dob=2021-01-25

http://www.workwithcolor.com/color-converter-01.htm?cp=0040FF&cb=0040FF,00D5FF,31C400,6AFF3D,E6E600,FFBF00,FF4000,FF00FF,AA00FF,FFFFFF

F9D2D2

design sites

good

[1] theory, like baker

webaim

workwithcolor.com

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

HSL S=75 L = 90 all

experiments

RGB <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=5b73d7"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=3fdef6"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=7cdf4d"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=4dc155"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=f5f741"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=f5b041"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=ff0000"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=901bdf"> <a href="https://webaim.org/resources/contrastchecker/?fcolor=000000&api&bcolor=c08cff">

CatColors

good pages 20200114

contrast checker https://webaim.org/resources/contrastchecker/

http://www.workwithcolor.com/color-converter-01.htm?cp=0040FF&cb=0040FF,00D5FF,31C400,6AFF3D,E6E600,FFBF00,FF4000,FF00FF,AA00FF,FFFFFF

https://linangdata.com/color-picker/ (chrome)

CB RGBlind Norm+D+P - extension in Firefox -

https://learnui.design/blog/color-in-ui-design-a-practical-framework.html

en map colors https://learnui.design/blog/picking-colors-for-your-data-visualizations.html

learnUI svg: mapcolors

modules

• Module:PT graphics

• Module:PT graphics/data

• Module:Color contrast

{{Color contrast ratio}}

{{ColorToLum}} / {{RGBColorToLum}}

{{Color contrast conformance}}

{{Ensure AAA contrast ratio}}

{{Ensure AA contrast ratio}}

{{Greater color contrast ratio}}