Tabela de cores HTML

Esta tabela de cores da web em HTML traz a lista das cores mais usadas com seu código hexadecimal. Assim você pode descobrir o código da cor que estava procurando.

Por | @nmuller99 Programação

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.

Mais sobre: html, dicas
Share Tweet
DESTAQUESMais compartilhados
Comentários
AINDA NÃO SE INSCREVEU?

Vem ver os vídeos legais que
estamos produzindo no Youtube.