joerghuelsermann.de Websichere Farben

Optische Darstellung der 216 websicheren Farben in Hinsicht der unterschiedlichen Vorgaben zur Barrierefreiheit
B = 00B = 33B = 66B = 99B = ccB = ff

000000

R 0 G 0 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

000033

R 0 G 0 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

000066

R 0 G 0 B 102

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

000099

R 0 G 0 B 153

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

0000cc

R 0 G 0 B 204

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

0000ff

R 0 G 0 B 255

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

003300

R 0 G 51 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

003333

R 0 G 51 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

003366

R 0 G 51 B 102

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

003399

R 0 G 51 B 153

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

0033cc

R 0 G 51 B 204

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✘

0033ff

R 0 G 51 B 255

W = 3 S = 0

H ✔F ✘K ✔

H ✘F ✘K ✘

H ✔F ✔K ✘

006600

R 0 G 102 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✘

006633

R 0 G 102 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

006666

R 0 G 102 B 102

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

006699

R 0 G 102 B 153

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

0066cc

R 0 G 102 B 204

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

0066ff

R 0 G 102 B 255

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

009900

R 0 G 153 B 0

W = 1 S = 2

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

009933

R 0 G 153 B 51

W = 1 S = 2

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

009966

R 0 G 153 B 102

W = 1 S = 2

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

009999

R 0 G 153 B 153

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

0099cc

R 0 G 153 B 204

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

0099ff

R 0 G 153 B 255

W = 1 S = 3

H ✔F ✘K ✘

H ✘F ✘K ✔

H ✘F ✔K ✘

00cc00

R 0 G 204 B 0

W = 0 S = 3

H ✔F ✔K ✘

H ✘F ✘K ✔

H ✘F ✔K ✘

00cc33

R 0 G 204 B 51

W = 0 S = 3

H ✔F ✔K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00cc66

R 0 G 204 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

00cc99

R 0 G 204 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

00cccc

R 0 G 204 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00ccff

R 0 G 204 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00ff00

R 0 G 255 B 0

W = 0 S = 3

H ✘F ✔K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00ff33

R 0 G 255 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00ff66

R 0 G 255 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00ff99

R 0 G 255 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00ffcc

R 0 G 255 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

00ffff

R 0 G 255 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✔K ✘

330000

R 51 G 0 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

330033

R 51 G 0 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

330066

R 51 G 0 B 102

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

330099

R 51 G 0 B 153

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

3300cc

R 51 G 0 B 204

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

3300ff

R 51 G 0 B 255

W = 3 S = 0

H ✔F ✘K ✔

H ✘F ✘K ✘

H ✔F ✔K ✘

333300

R 51 G 51 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

333333

R 51 G 51 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

333366

R 51 G 51 B 102

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

333399

R 51 G 51 B 153

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✘

3333cc

R 51 G 51 B 204

W = 3 S = 0

H ✔F ✘K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

3333ff

R 51 G 51 B 255

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

336600

R 51 G 102 B 0

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

336633

R 51 G 102 B 51

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

336666

R 51 G 102 B 102

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

336699

R 51 G 102 B 153

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

3366cc

R 51 G 102 B 204

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

3366ff

R 51 G 102 B 255

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

339900

R 51 G 153 B 0

W = 1 S = 2

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

339933

R 51 G 153 B 51

W = 1 S = 2

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

339966

R 51 G 153 B 102

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

339999

R 51 G 153 B 153

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

3399cc

R 51 G 153 B 204

W = 1 S = 2

H ✔F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

3399ff

R 51 G 153 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

33cc00

R 51 G 204 B 0

W = 0 S = 3

H ✘F ✔K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

33cc33

R 51 G 204 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

33cc66

R 51 G 204 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

33cc99

R 51 G 204 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

33cccc

R 51 G 204 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

33ccff

R 51 G 204 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✔K ✘

33ff00

R 51 G 255 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

33ff33

R 51 G 255 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

33ff66

R 51 G 255 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

33ff99

R 51 G 255 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

33ffcc

R 51 G 255 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✔K ✘

33ffff

R 51 G 255 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✘

660000

R 102 G 0 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

660033

R 102 G 0 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

660066

R 102 G 0 B 102

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

660099

R 102 G 0 B 153

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✔

6600cc

R 102 G 0 B 204

W = 3 S = 0

H ✔F ✘K ✔

H ✘F ✘K ✘

H ✔F ✘K ✘

6600ff

R 102 G 0 B 255

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✔F ✔K ✘

663300

R 102 G 51 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✘

663333

R 102 G 51 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

663366

R 102 G 51 B 102

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

663399

R 102 G 51 B 153

W = 3 S = 0

H ✔F ✘K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

6633cc

R 102 G 51 B 204

W = 3 S = 0

H ✔F ✘K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

6633ff

R 102 G 51 B 255

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

666600

R 102 G 102 B 0

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

666633

R 102 G 102 B 51

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

666666

R 102 G 102 B 102

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

666699

R 102 G 102 B 153

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

6666cc

R 102 G 102 B 204

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

6666ff

R 102 G 102 B 255

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

669900

R 102 G 153 B 0

W = 1 S = 2

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

669933

R 102 G 153 B 51

W = 1 S = 2

H ✔F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

669966

R 102 G 153 B 102

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

669999

R 102 G 153 B 153

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

6699cc

R 102 G 153 B 204

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

6699ff

R 102 G 153 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

66cc00

R 102 G 204 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

66cc33

R 102 G 204 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

66cc66

R 102 G 204 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

66cc99

R 102 G 204 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

66cccc

R 102 G 204 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

66ccff

R 102 G 204 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

66ff00

R 102 G 255 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

66ff33

R 102 G 255 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

66ff66

R 102 G 255 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✔F ✘K ✘

66ff99

R 102 G 255 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✘

66ffcc

R 102 G 255 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✘

66ffff

R 102 G 255 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

990000

R 153 G 0 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✔K ✔

990033

R 153 G 0 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✘

990066

R 153 G 0 B 102

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✔F ✘K ✘

990099

R 153 G 0 B 153

W = 3 S = 0

H ✔F ✘K ✔

H ✘F ✘K ✘

H ✔F ✘K ✘

9900cc

R 153 G 0 B 204

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

9900ff

R 153 G 0 B 255

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

993300

R 153 G 51 B 0

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

993333

R 153 G 51 B 51

W = 3 S = 0

H ✔F ✔K ✔

H ✘F ✘K ✘

H ✘F ✘K ✘

993366

R 153 G 51 B 102

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

993399

R 153 G 51 B 153

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

9933cc

R 153 G 51 B 204

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

9933ff

R 153 G 51 B 255

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

996600

R 153 G 102 B 0

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

996633

R 153 G 102 B 51

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

996666

R 153 G 102 B 102

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

996699

R 153 G 102 B 153

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

9966cc

R 153 G 102 B 204

W = 1 S = 2

H ✔F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

9966ff

R 153 G 102 B 255

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✔K ✘

H ✘F ✘K ✘

999900

R 153 G 153 B 0

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

999933

R 153 G 153 B 51

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

999966

R 153 G 153 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

999999

R 153 G 153 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

9999cc

R 153 G 153 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

9999ff

R 153 G 153 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

99cc00

R 153 G 204 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

99cc33

R 153 G 204 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

99cc66

R 153 G 204 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

99cc99

R 153 G 204 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

99cccc

R 153 G 204 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

99ccff

R 153 G 204 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✘

99ff00

R 153 G 255 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✔F ✔K ✘

99ff33

R 153 G 255 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✔F ✘K ✘

99ff66

R 153 G 255 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

99ff99

R 153 G 255 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

99ffcc

R 153 G 255 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

99ffff

R 153 G 255 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

cc0000

R 204 G 0 B 0

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✔F ✔K ✘

cc0033

R 204 G 0 B 51

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

cc0066

R 204 G 0 B 102

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

cc0099

R 204 G 0 B 153

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

cc00cc

R 204 G 0 B 204

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

cc00ff

R 204 G 0 B 255

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

cc3300

R 204 G 51 B 0

W = 2 S = 1

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

cc3333

R 204 G 51 B 51

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

cc3366

R 204 G 51 B 102

W = 2 S = 1

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

cc3399

R 204 G 51 B 153

W = 2 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

cc33cc

R 204 G 51 B 204

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

cc33ff

R 204 G 51 B 255

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✔K ✘

H ✘F ✔K ✘

cc6600

R 204 G 102 B 0

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

cc6633

R 204 G 102 B 51

W = 1 S = 2

H ✔F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

cc6666

R 204 G 102 B 102

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

cc6699

R 204 G 102 B 153

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✘K ✘

H ✘F ✘K ✘

cc66cc

R 204 G 102 B 204

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✔K ✘

H ✘F ✘K ✘

cc66ff

R 204 G 102 B 255

W = 1 S = 2

H ✘F ✘K ✘

H ✔F ✔K ✘

H ✘F ✘K ✘

cc9900

R 204 G 153 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

cc9933

R 204 G 153 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

cc9966

R 204 G 153 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

cc9999

R 204 G 153 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

cc99cc

R 204 G 153 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

cc99ff

R 204 G 153 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

cccc00

R 204 G 204 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

cccc33

R 204 G 204 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

cccc66

R 204 G 204 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✘

cccc99

R 204 G 204 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

cccccc

R 204 G 204 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

ccccff

R 204 G 204 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ccff00

R 204 G 255 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✔F ✔K ✘

ccff33

R 204 G 255 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ccff66

R 204 G 255 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

ccff99

R 204 G 255 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

ccffcc

R 204 G 255 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ccffff

R 204 G 255 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ff0000

R 255 G 0 B 0

W = 1 S = 2

H ✔F ✔K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

ff0033

R 255 G 0 B 51

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

ff0066

R 255 G 0 B 102

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

ff0099

R 255 G 0 B 153

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

ff00cc

R 255 G 0 B 204

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

ff00ff

R 255 G 0 B 255

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✔K ✘

H ✘F ✔K ✘

ff3300

R 255 G 51 B 0

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

ff3333

R 255 G 51 B 51

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✔K ✘

ff3366

R 255 G 51 B 102

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

ff3399

R 255 G 51 B 153

W = 1 S = 2

H ✔F ✘K ✘

H ✘F ✘K ✘

H ✘F ✘K ✘

ff33cc

R 255 G 51 B 204

W = 1 S = 2

H ✔F ✘K ✘

H ✔F ✔K ✘

H ✘F ✔K ✘

ff33ff

R 255 G 51 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✔K ✘

ff6600

R 255 G 102 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

ff6633

R 255 G 102 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

ff6666

R 255 G 102 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

ff6699

R 255 G 102 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

ff66cc

R 255 G 102 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

ff66ff

R 255 G 102 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✔K ✘

ff9900

R 255 G 153 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✔K ✘

ff9933

R 255 G 153 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✘F ✘K ✘

ff9966

R 255 G 153 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

ff9999

R 255 G 153 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

ff99cc

R 255 G 153 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✘F ✘K ✘

ff99ff

R 255 G 153 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✘

ffcc00

R 255 G 204 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✘K ✔

H ✔F ✔K ✘

ffcc33

R 255 G 204 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✘

ffcc66

R 255 G 204 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

ffcc99

R 255 G 204 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✘K ✔

ffcccc

R 255 G 204 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ffccff

R 255 G 204 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ffff00

R 255 G 255 B 0

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ffff33

R 255 G 255 B 51

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ffff66

R 255 G 255 B 102

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ffff99

R 255 G 255 B 153

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ffffcc

R 255 G 255 B 204

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

ffffff

R 255 G 255 B 255

W = 0 S = 3

H ✘F ✘K ✘

H ✔F ✔K ✔

H ✔F ✔K ✔

Websichere Farben

Die 216 websicheren Farben wurden daraufhin untersucht ob Schwarz oder Weiß als Kontrastfarbe nach WCAG 2 besser geeignet sind. Zusätzlich wurden diese Farbkombinationen danach überprüft ob sie die Stufe AAA nach WCAG 2 erfüllen. Diese Angaben haben wir dann auf graphische Weise dargestellt.

WCAG 2

Alle dieser 216 websicheren Farben erfüllen allerdings in der ermittelten Farbkombination die Stufe AA ohne Berücksichtigung der Schriftgrösse nach WCAG 2. Dadurch ist man in der Lage mit der Anpassung der Schriftgrösse den Level AAA mit den websicheren Farben zu erreichen.

Insgesamt bestehen 139 Farbkombinationen die höchste Stufe in Hinsicht Barrierefreiheit nach WCAG 2. 41 von den insgesamt 77 Farbkombinationen mit Weiß sind geeignet. Bei Schwarz sind 98 von den insgesamt 139 Farbkombinationen in der Lage diese Forderung zu erfüllen.

Level AA

Nach den Ergebnissen wurden zusätzlich noch die 4096 Farben, die eine hexadezimale Kurzschreibweise besitzen, daraufhin untersucht ob ihr Kontrastverhältnis gegenüber Schwarz oder Weiß über die geforderten 4,5 aufweisen. Es ist der Fall das für alle Farben es zutrifft diese Stufe zu erreichen. Auch zu diesen Werten wurde eine Farbtabelle angelegt.

BITV

Nach der aktuellen Barrierefreie Informationstechnik Verordnung oder WCAG 1 in Bezug auf den Unterschied in der Helligkeit ergibt sich dann ein ganz anderes Bild. Es gibt mit der Forderung nach WCAG 2 insgesamt 185 Übereinstimmungen was die Auswahl der geeigneten Kontrastfarbe angeht. Insgesamt sind nach der Forderung nach BITV 222 Farbkombinationen mit Schwarz oder Weiß in Hinsicht Barrierefreiheit geeignet. Folgende Liste zeigt die 6 Farbwerte wo Schwarz oder Weiß möglich sind zu verwenden um diese Forderung zu erfüllen.

Vermutlich wird die Barrierefreie Informationstechnik Verordnung in der Zukunft angepasst auf die Vorgaben nach WCAG 2 in der Stufe AA.

Farbwerte

Im Einzelnen nun noch die 6 Farbwerte die das Kriterium der Helligkeit mit Schwarz oder Weiß erfüllen.

  • 00cc33
  • 3399cc
  • 669933
  • 9966cc
  • cc6633
  • ff33cc

WCAG 1

Es gibt nach WCAG 1 insgesamt 178 Übereinstimmungen bei der Auswahl der Farbkombination. Davon weisen 112 Farbkombinationen die benötigten Werte in der Farbdifferenz und Helligkeit auf. Beide Forderungen nach WCAG 1 werden dabei von 108 Farben erfüllt.

Farbkombinationen mit Schwarz und Weiß

Von den 158 Farben bei denen dieselbe Auswahl der Kontrastfarbe zwischen Schwarz und Weiß erfolgt sind nur 84 geeignet alle Forderungen der Barrierefreiheit global gesehen zu erfüllen. Auf eine Farbkombination mit Weiß entfallen dabei 34 und mit Schwarz 50 Farbangaben der 216 websicheren Farben.

Erreichung von Barrierefreiheit

Indem man grössere Texte anwendet kann man nach WCAG 2 (Definition) bei allen 216 Farben die höchste Stufe erreichen. Somit sollte man im Vergleich zu BITV sich die Werte manuell nochmal anschauen die keine Übereinstimmung bei der Auswahl der Kontrastfarbe erreichen. Bei dieser Überprüfung wurde festgestellt das für die Farben 00cc33, 669933 und cc6633 auch bei Verwendung von Schwarz anstatt Weiß die Vorgaben der Barrierefreiheit nach BITV erreicht werden kann.

Komplementärfarbe

Die Berechnung einer Komplementärfarbe erfolgt wie die Berechnung der CMY Werte der Farbangabe. Und aus dieser Berechnung erkennt man das eine websichere Farbe eine Komplementärfarbe besitzt die auch zu dieser Gruppe zählt.

Im Vergleich zu der Komplementärfarbe werden die geforderten Werte in der Helligkeit von 70 der 216 Farben erfüllt. Die Farbdifferenz wird von 80 Farben erreicht. Beide Forderungen nach WCAG 1 erreichen 40 Farben. 46 Farbwerte verfügen über das notwendige Kontrastverhältnis für Level AAA für eine beliebige Schriftgröße. Alle möglichen Forderungen erfüllen dagegen nur noch 28 von 216 Kombinationen.

Einsatz Schriftgrössen unabhängig

An dieser Stelle folgt nun eine Liste der Farben wo man die Komplementärfarbe und Schwarz oder Weiß verwenden kann und sämtliche Forderungen erfüllt. Dabei muss die Schriftgrösse nicht berücksichtigt werden.

  1. 000000
  2. 000033
  3. 000066
  4. 000099
  5. 0000cc
  6. 0000ff
  7. 003300
  8. 003333
  9. 330000
  10. 330033
  11. 3300cc
  12. 333300
  13. 660000
  14. 66ffff
  15. 990000
  16. 99ffff
  17. ccccff
  18. ccff33
  19. ccffcc
  20. ccffff
  21. ffcccc
  22. ffccff
  23. ffff00
  24. ffff33
  25. ffff66
  26. ffff99
  27. ffffcc
  28. ffffff

Zusammenfassung

Eine Kombination der websicheren Farben mit Schwarz oder Weiß erreicht auf jeden Fall bei der richtigen Wahl die Forderungen nach WCAG 2 Stufe AA oder BITV. Eine Verwendung einer Komplementärfarbe aus dem Bereich der hier untersuchten 216 Farben ist nicht immer in der Kombination mit der Farbe sinnvoll. Dagegen ist es möglich diese Komplementärfarbe in einer Kombination mit Schwarz oder Weiß anzuwenden um die Bedingugen zur Barrierefreiheit gegebenenfalls über die verwendete Schriftgröße zu erreichen.

Es ist aber ein Trugschluß einfach anzunehmen das wenn man für eine Farbe Schwarz im Kontrast verwendet für die Komplementärfarbe Weiß die geeigneterte Wahl ist. Für die Farbe 009933 und die Komplementärfarbe ff66cc ist die bessere Wahl nach WCAG 2 wieder Schwarz um den besseren Wert zu erreichen.

Mathematik

Laut der Berechnungsformel für das Kontrastverhältnis muss man davon ausgehen, das das Produkt der Kontrastverhältnisse zu Schwarz und Weiß einer Farbe aus dem RGB Farbraum das Kontrastverhältnis von Weiß und Schwarz also 21 wieder bildet. Die Wurzel aus 21 liegt bei 4,58. Aus diesem Grunde ist es für jede Farbe möglich mit Schwarz oder Weiß ein Kontrastverhältnis zu finden, was es ermöglicht den Level AA nach WCAG 2 zu erreichen. Damit sind dann mit Verwendung einer grösseren Schrift mit 18 pt beziehungsweise 14 pt in fetter Schrift barrierefreien Seiten nach Level AAA möglich zu erstellen.

Programme zum Kontrastverhältnis

Um das Kontrastverhältnis zu überprüfen habe ich selbst Programme geschrieben. Das Chamäleon ermittelt das Kontrastverhältnis zu Schwarz, Weiß und der Komplementärfarbe einer beliebigen Farbe. Der Kontrast Rechner dagegen berechnet zu einem gewünschten Kontrastverhältnis die geeigneten Farben und nimmt Änderungen dabei nur in der Helligkeit vor von zwei Ausgangsfarben zu jeder gewünschten Stufe nach WCAG 2 vor.

Aufbau der Übersicht

Reihe 1

Hexadezimale Farbangabe des RGB Farbraumes. Schriftfarbe der beste Wert im Kontrastverhältnis nach WCAG 2.

Reihe 2

RGB Werte Schriftfarbe der beste Wert in der Helligkeit nach BITV und WCAG 1.

Reihe 3

In Reihe 3 stufen wir das Kontrastverhältnis gegenüber Weiß und Schwarz in 4 Stufen ein (0= Wert unter 3,1= Wert zwischen 3 und unter 4,5,2= Wert zwischen 4,5 und kleiner als 7,3= Wert größer 7). Schriftfarbe bester Wert in der Farbdifferenz nach WCAG 1. Für Level AAA wird entweder ein Wert über 7 oder bei einer grösseren Schrift ein Wert von über 4,5 im Kontrastverhältnis vorrausgesetzt. Und für Level AA sind Werte über 4,5 oder bei einer grösseren Schrift Werte von über 3 die Bedingung. Die gesammelten Daten bei dieser Farbanalyse sind in einer Tabelle vorhanden.

Reihe 4

Prüfung gegenüber Weiß ob die Werte über den geforderten liegen. Helligkeit (H) >= 125 , Farbdifferenz (F) >= 500 , Kontrastverhältnis (K) >= 7.

Reihe 5

Gegen Schwarz finden die Prüfungen wie in Reihe 4 noch mal ihre Verwendung.

Reihe 6

In Reihe 6 werden die Werte nach den Forderungen wie in Reihe 4 ermittelt. An dieser Stelle dann aber zu der betreffenden Komplementärfarbe.