Utilizando Cores HTML
Evite utilizar cores para exibir informações, pois, pessoas que não diferenciam certos tipos de cores não irão receber a informação.
Quando a cor de frente e de fundo for muito semelhante, não haverá contraste suficiente para ser exibido em um monitor monocromático ou por pessoas com dificuldades para distinguir cores.
Abaixo, segue uma planilha retirada do Websafe and Reallysafe Palettes. As cores listadas têm a característica de não se alterar nos diferentes padrões de exibição de vídeo / resolução.
cÓdigo | cor | cÓdigo | cor | cÓdigo | cor | cÓdigo | cor | cÓdigo | cor | cÓdigo | cor |
---|---|---|---|---|---|---|---|---|---|---|---|
000000 | 000033 | 000066 | 000099 | 0000cc | 0000ff | ||||||
003300 | 003333 | 003366 | 003399 | 0033cc | 0033ff | ||||||
006600 | 006633 | 006666 | 006699 | 0066cc | 0066ff | ||||||
009900 | 009933 | 009966 | 009999 | 0099cc | 0099ff | ||||||
00cc00 | 00cc33 | 00cc66 | 00cc99 | 00cccc | 00ccff | ||||||
00ff00 | 00ff33 | 00ff66 | 00ff99 | 00ffcc | 00ffff | ||||||
330000 | 330033 | 330066 | 330099 | 3300cc | 3300ff | ||||||
333300 | 333333 | 333366 | 333399 | 3333cc | 3333ff | ||||||
336600 | 336633 | 336666 | 336699 | 3366cc | 3366ff | ||||||
339900 | 339933 | 339966 | 339999 | 3399cc | 3399ff | ||||||
33cc00 | 33cc33 | 33cc66 | 33cc99 | 33cccc | 33ccff | ||||||
33ff00 | 33ff33 | 33ff66 | 33ff99 | 33ffcc | 33ffff | ||||||
660000 | 660033 | 660066 | 660099 | 6600cc | 6600ff | ||||||
663300 | 663333 | 663366 | 663399 | 6633cc | 6633ff | ||||||
666600 | 666633 | 666666 | 666699 | 6666cc | 6666ff | ||||||
669900 | 669933 | 669966 | 669999 | 6699cc | 6699ff | ||||||
66cc00 | 66cc33 | 66cc66 | 66cc99 | 66cccc | 66ccff | ||||||
66ff00 | 66ff33 | 66ff66 | 66ff99 | 66ffcc | 66ffff | ||||||
990000 | 990033 | 990066 | 990099 | 9900cc | 9900ff | ||||||
993300 | 993333 | 993366 | 993399 | 9933cc | 9933ff | ||||||
996600 | 996633 | 996666 | 996699 | 9966cc | 9966ff | ||||||
999900 | 999933 | 999966 | 999999 | 9999cc | 9999ff | ||||||
99cc00 | 99cc33 | 99cc66 | 99cc99 | 99cccc | 99ccff | ||||||
99ff00 | 99ff33 | 99ff66 | 99ff99 | 99ffcc | 99ffff | ||||||
cc0000 | cc0033 | cc0066 | cc0099 | cc00cc | cc00ff | ||||||
cc3300 | cc3333 | cc3366 | cc3399 | cc33cc | cc33ff | ||||||
cc6600 | cc6633 | cc6666 | cc6699 | cc66cc | cc66ff | ||||||
cc9900 | cc9933 | cc9966 | cc9999 | cc99cc | cc99ff | ||||||
cccc00 | cccc33 | cccc66 | cccc99 | cccccc | ccccff | ||||||
ccff00 | ccff33 | ccff66 | ccff99 | ccffcc | ccffff | ||||||
ff0000 | ff0033 | ff0066 | ff0099 | ff00cc | ff00ff | ||||||
ff3300 | ff3333 | ff3366 | ff3399 | ff33cc | ff33ff | ||||||
ff6600 | ff6633 | ff6666 | ff6699 | ff66cc | ff66ff | ||||||
ff9900 | ff9933 | ff9966 | ff9999 | ff99cc | ff99ff | ||||||
ffcc00 | ffcc33 | ffcc66 | ffcc99 | ffcccc | ffccff | ||||||
ffff00 | ffff33 | ffff66 | ffff99 | ffffcc | ffffff |
#090 | #093 | #096 | #099 | #09C | #09F |
#0C0 | #0C3 | #0C6 | #0C9 | #0CC | #0CF |
#0F0 | #0F3 | #0F6 | #0F9 | #0FC | #0FF |
#390 | #393 | #396 | #399 | #39C | #39F |
#3C0 | #3C3 | #3C6 | #3C9 | #3CC | #3CF |
#3F0 | #3F3 | #3F6 | #3F9 | #3FC | #3FF |
#66F | |||||
#690 | #693 | #696 | #699 | #69C | #69F |
#6C0 | #6C3 | #6C6 | #6C9 | #6CC | #6CF |
#6F0 | #6F3 | #6F6 | #6F9 | #6FC | #6FF |
#969 | #96C | #96F | |||
#990 | #993 | #996 | #999 | #99C | #99F |
#9C0 | #9C3 | #9C6 | #9C9 | #9CC | #9CF |
#9F0 | #9F3 | #9F6 | #9F9 | #9FC | #9FF |
#C0F | |||||
#C39 | #C3C | #C3F | |||
#C60 | #C63 | #C66 | #C69 | #C6C | #C6F |
#C90 | #C93 | #C96 | #C99 | #C9C | #C9F |
#CC0 | #CC3 | #CC6 | #CC9 | #CCC | #CCF |
#CF0 | #CF3 | #CF6 | #CF9 | #CFC | #CFF |
#F00 | #F03 | #F06 | #F09 | #F0C | #F0F |
#F30 | #F33 | #F36 | #F39 | #F3C | #F3F |
#F60 | #F63 | #F66 | #F69 | #F6C | #F6F |
#F90 | #F93 | #F96 | #F99 | #F9C | #F9F |
#FC0 | #FC3 | #FC6 | #FC9 | #FCC | #FCF |
#FF0 | #FF3 | #FF6 | #FF9 | #FFC | #FFF |