Muitas vezes você deve abrir o photoshop para encontrar uma cor, correto? Eu já fiz isto várias vezes. Pois bem, pensando no meu bem estar e por tabela ajudando milhares de pessoas com este mesmo problema, eis que tive a ideia de criar um tópico aqui no site para deixar uma tabela de cores da internet em HTML pronta para ser usada.
Vamos iniciar trazendo uma tabela primária de cores, onde por convenção foi estipulado que seriam as cores básicas da internet, isto quando existiam monitores apenas com 256 cores. Depois uma tabela com variações destas cores.
Tabela de cores web primária:
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 |
Tabela de cores HTML com variações:
FF4848 | FF68DD | FF62B0 | FE67EB | E469FE | D568FD | 9669FE |
FF7575 | FF79E1 | FF73B9 | FE67EB | E77AFE | D97BFD | A27AFE |
FF8A8A | FF86E3 | FF86C2 | FE8BF0 | EA8DFE | DD88FD | AD8BFE |
FF9797 | FF97E8 | FF97CB | FE98F1 | ED9EFE | E29BFD | B89AFE |
FFA8A8 | FFACEC | FFA8D3 | FEA9F3 | EFA9FE | E7A9FE | C4ABFE |
FFBBBB | FFACEC | FFBBDD | FFBBF7 | F2BCFE | EDBEFE | D0BCFE |
FFCECE | FFC8F2 | FFC8E3 | FFCAF9 | F5CAFF | F0CBFE | DDCEFF |
FFDFDF | FFDFF8 | FFDFEF | FFDBFB | F9D9FF | F4DCFE | E6DBFF |
FFECEC | FFEEFB | FFECF5 | FFEEFD | FDF2FF | FAECFF | F1ECFF |
FFF2F2 | FFFEFB | FFF9FC | FFF9FE | FFFDFF | FDF9FF | FBF9FF |
800080 | 872187 | 9A03FE | 892EE4 | 3923D6 | 2966B8 | 23819C |
BF00BF | BC2EBC | A827FE | 9B4EE9 | 6755E3 | 2F74D0 | 2897B7 |
DB00DB | D54FD5 | B445FE | A55FEB | 8678E9 | 4985D6 | 2FAACE |
F900F9 | DD75DD | BD5CFE | AE70ED | 9588EC | 6094DB | 44B4D5 |
FF4AFF | DD75DD | C269FE | AE70ED | A095EE | 7BA7E1 | 57BCD9 |
FF86FF | E697E6 | CD85FE | C79BF2 | B0A7F1 | 8EB4E6 | 7BCAE1 |
FFA4FF | EAA6EA | D698FE | CEA8F4 | BCB4F3 | A9C5EB | 8CD1E6 |
FFBBFF | EEBBEE | DFB0FF | DBBFF7 | CBC5F5 | BAD0EF | A5DBEB |
FFCEFF | F0C4F0 | E8C6FF | E1CAF9 | D7D1F8 | CEDEF4 | B8E2EF |
FFDFFF | F4D2F4 | EFD7FF | EDDFFB | E3E0FA | E0EAF8 | C9EAF3 |
FFECFF | F4D2F4 | F9EEFF | F5EEFD | EFEDFC | EAF1FB | DBF0F7 |
FFF9FF | FDF9FD | FEFDFF | FEFDFF | F7F5FE | F8FBFE | EAF7FB |
5757FF | 62A9FF | 62D0FF | 06DCFB | 01FCEF | 03EBA6 | 01F33E |
6A6AFF | 75B4FF | 75D6FF | 24E0FB | 1FFEF3 | 03F3AB | 0AFE47 |
7979FF | 86BCFF | 8ADCFF | 3DE4FC | 5FFEF7 | 33FDC0 | 4BFE78 |
8C8CFF | 99C7FF | 99E0FF | 63E9FC | 74FEF8 | 62FDCE | 72FE95 |
9999FF | 99C7FF | A8E4FF | 75ECFD | 92FEF9 | 7DFDD7 | 8BFEA8 |
AAAAFF | A8CFFF | BBEBFF | 8CEFFD | A5FEFA | 8FFEDD | A3FEBA |
BBBBFF | BBDAFF | CEF0FF | ACF3FD | B5FFFC | A5FEE3 | B5FFC8 |
CACAFF | D0E6FF | D9F3FF | C0F7FE | CEFFFD | BEFEEB | CAFFD8 |
E1E1FF | DBEBFF | ECFAFF | C0F7FE | E1FFFE | BDFFEA | EAFFEF |
EEEEFF | ECF4FF | F9FDFF | E6FCFF | F2FFFE | CFFEF0 | EAFFEF |
F9F9FF | F9FCFF | FDFEFF | F9FEFF | FDFFFF | F7FFFD | F9FFFB |
1FCB4A | 59955C | 48FB0D | 2DC800 | 59DF00 | 9D9D00 | B6BA18 |
27DE55 | 6CA870 | 79FC4E | 32DF00 | 61F200 | C8C800 | CDD11B |
4AE371 | 80B584 | 89FC63 | 36F200 | 66FF00 | DFDF00 | DFE32D |
7CEB98 | 93BF96 | 99FD77 | 52FF20 | 95FF4F | FFFFAA | EDEF85 |
93EEAA | A6CAA9 | AAFD8E | 6FFF44 | ABFF73 |
Tabela de cores web: tons de cinza
Também trago uma das mais utilizadas variações de cores, que são os tons de cinza. Confira abaixo:
Tons de cinza | Cor HEX | Cor RGB |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Com todas estas tabelas e variações de cores apresentadas, você pode ver que apenas adicionando um valor a cada uma das posições do HEXADECIMAL ou removendo um valor, podemos mudar o tom de cor.
😕 Poxa, o que podemos melhorar?
😃 Boa, seu feedback foi enviado!
✋ Você já nos enviou um feedback para este texto.