Color contrast

A presentation at UX/UI-Sprechstunde @ Tagesspiegel in April 2024 in by Gunnar Bittersmann

Slide 1

Slide 1

COLOR CONTRAST

Slide 2

Slide 2

Slide 3

Slide 3

Slide 4

Slide 4

→ noti.st/cariefisher/Bin4xT

Slide 5

Slide 5

Slide 6

Slide 6

Slide 7

Slide 7

Slide 8

Slide 8

Slide 9

Slide 9

Slide 10

Slide 10

based on a drawing by Ramón y Cajal, 1911 by Anka Friedrich, vectorisation by chris 論, CC BY-SA 3.0

Slide 11

Slide 11

Diagram: cone types S, M, L x axis: Wavelength (nm) y axis: Normalized cone response (linear energy)

Slide 12

Slide 12

arithmetic mean L=(R+G+B)/3 L = 0.3333 R + 0.3333 G + 0.3333 B

weighted arithmetic mean L = 0.2126 R + 0.7152 G + 0.0722 B

Slide 13

Slide 13

relative luminance L = 0.2126 R + 0.7152 G + 0.0722 B

contrast ratio (L₁ + 0.05) / (L₂ + 0.05), where L₁ ≥ L₂

Slide 14

Slide 14

Slide 15

Slide 15

Slide 16

Slide 16

COLOR CONTRAST