As cores desempenham um papel crucial em nosso cotidiano, influenciando emoções, transmitindo informações e moldando nossas percepções do ambiente. No design, seja gráfico, de interiores ou de moda, a escolha das cores pode transformar completamente a estética e a funcionalidade de um projeto. Assim, este artigo apresenta uma tabela de Cores HTML em Hexadecimal e RGB, dando uma visão abrangente sobre as cores, categorizando-as de acordo com seus tons, como cinza, azul, ciano, verde, marrom, roxo, rosa, vermelho, laranja, amarelo e tons pastéis. Além disso, para cada cor, são apresentados os códigos hexadecimal e RGB, facilitando a escolha precisa de tons específicos para seus projetos. Portanto, vamos explorar as paletas de cores e entender como utilizá-las no HTML de maneira eficaz e harmoniosa.
Cores Hexadecimal – Cores RGB – Código de Cores (Tabela de Cores HTML em Hexadecimal e RGB)
As cores hexadecimal e RGB são dois sistemas amplamente utilizados para representar cores em ambientes digitais. Primeiramente, o código hexadecimal é composto por seis caracteres, começando com um símbolo de hash (#), seguido por números e letras que definem a intensidade de vermelho, verde e azul, em um formato de base 16. Por outro lado, o código RGB utiliza valores numéricos entre 0 e 255 para especificar a quantidade de vermelho (R), verde (G) e azul (B) em uma cor. Dessa forma, ambos os sistemas são essenciais no design gráfico e desenvolvimento web, permitindo a precisão e consistência na reprodução das cores em diferentes dispositivos. A seguir é apresentado a Tabela de Cores HTML em Hexadecimal e RGB.
Tons de Cinza – Gray Colors
Nome da Cor
Código Hexadecimal
Código RGB
Black
#000000
(0,0,0)
grey11
#1C1C1C
(28,28,28)
grey21
#363636
(54,54,54)
grey31
#4F4F4F
(79,79,79)
DimGray
#696969
(105,105,105)
Gray
#808080
(128,128,128)
DarkGray
#A9A9A9
(169,169,169)
Silver
#C0C0C0
(192,192,192)
LightGrey
#D3D3D3
(211,211,211)
Gainsboro
#DCDCDC
(220,220,220)
Tons de Azul – Blue Colors
Nome da Cor
Código Hexadecimal
Código RGB
SlateBlue
#6A5ACD
(106,90,205)
SlateBlue1
#836FFF
(131,111,255)
SlateBlue3
#6959CD
(105,89,205)
DarkSlateBlue
#483D8B
(72,61,139)
MidnightBlue
#191970
(25,25,112)
Navy
#000080
(0,0,128)
DarkBlue
#00008B
(0,0,139)
MediumBlue
#0000CD
(0,0,205)
Blue
#0000FF
(0,0,255)
CornflowerBlue
#6495ED
(100,149,237)
RoyalBlue
#4169E1
(65,105,225)
DodgerBlue
#1E90FF
(30,144,255)
DeepSkyBlue
#00BFFF
(0,191,255)
LightSkyBlue
#87CEFA
(135,206,250)
SkyBlue
#87CEEB
(135,206,235)
LightBlue
#ADD8E6
(173,216,230)
SteelBlue
#4682B4
(70,130,180)
LightSteelBlue
#B0C4DE
(176,196,222)
SlateGray
#708090
(112,128,144)
LightSlateGray
#778899
(119,136,153)
Tons de Ciano – Cyan Colors
Nome da Cor
Código hexadecimal
Código RGB
Aqua / Cyan
#00FFFF
(0,255,255)
DarkTurquoise
#00CED1
(0,206,209)
Turquoise
#40E0D0
(64,224,208)
MediumTurquoise
#48D1CC
(72,209,204)
LightSeaGreen
#20B2AA
(32,178,170)
DarkCyan
#008B8B
(0,139,139)
Teal
#008080
(0,128,128)
Aquamarine
#7FFFD4
(127,255,212)
MediumAquamarine
#66CDAA
(102,205,170)
CadetBlue
#5F9EA0
(95,158,160)
Tons de Verde – Green Colors
Nome da Cor
Código hexadecimal
Código RGB
DarkSlateGray
#2F4F4F
(47,79,79)
MediumSpringGreen
#00FA9A
(0,250,154)
SpringGreen
#00FF7F
(0,255,127)
PaleGreen
#98FB98
(152,251,152)
LightGreen
#90EE90
(144,238,144)
DarkSeaGreen
#8FBC8F
(143,188,143)
MediumSeaGreen
#3CB371
(60,179,113)
SeaGreen
#2E8B57
(46,139,87)
DarkGreen
#006400
(0,100,0)
Green
#008000
(0,128,0)
ForestGreen
#228B22
(34,139,34)
LimeGreen
#32CD32
(50,205,50)
Lime
#00FF00
(0,255,0)
LawnGreen
#7CFC00
(124,252,0)
Chartreuse
#7FFF00
(127,255,0)
GreenYellow
#ADFF2F
(173,255,47)
YellowGreen
#9ACD32
(154,205,50)
OliveDrab
#6B8E23
(107,142,35)
DarkOliveGreen
#556B2F
(85,107,47)
Olive
#808000
(128,128,0)
Tons de Marrom – Brown Colors
Nome da Cor
Código hexadecimal
Código RGB
DarkKhaki
#BDB76B
(189,183,107)
Goldenrod
#DAA520
(218,165,32)
DarkGoldenrod
#B8860B
(184,134,11)
SaddleBrown
#8B4513
(139,69,19)
Sienna
#A0522D
(160,82,45)
RosyBrown
#BC8F8F
(188,143,143)
Peru
#CD853F
(205,133,63)
Chocolate
#D2691E
(210,105,30)
SandyBrown
#F4A460
(244,164,96)
NavajoWhite
#FFDEAD
(255,222,173)
Wheat
#F5DEB3
(245,222,179)
BurlyWood
#DEB887
(222,184,135)
Tan
#D2B48C
(210,180,140)
Tons de Roxo – Purple Colors
Nome da Cor
Código hexadecimal
Código RGB
MediumSlateBlue
#7B68EE
(123,104,238)
MediumPurple
#9370DB
(147,112,219)
BlueViolet
#8A2BE2
(138,43,226)
Indigo
#4B0082
(75,0,130)
DarkViolet
#9400D3
(148,0,211)
DarkOrchid
#9932CC
(153,50,204)
MediumOrchid
#BA55D3
(186,85,211)
Purple
#A020F0
(160,32,240)
DarkMagenta
#8B008B
(139,0,139)
Fuchsia / Magenta
#FF00FF
(255,0,255)
Violet
#EE82EE
(238,130,238)
Orchid
#DA70D6
(218,112,214)
Plum
#DDA0DD
(221,160,221)
Tons de Rosa – Pink Colors
Nome da Cor
Código hexadecimal
Código RGB
MediumVioletRed
#C71585
(199,21,133)
DeepPink
#FF1493
(255,20,147)
HotPink
#FF69B4
(255,105,180)
PaleVioletRed
#DB7093
(219,112,147)
LightPink
#FFB6C1
(255,182,193)
Pink
#FFC0CB
(255,192,203)
LightCoral
#F08080
(240,128,128)
IndianRed
#CD5C5C
(205,92,92)
Crimson
#DC143C
(220,20,60)
Tons de Vermelho – Red Colors
Nome da Cor
Código hexadecimal
Código RGB
Maroon
#800000
(128,0,0)
DarkRed
#8B0000
(139,0,0)
FireBrick
#B22222
(178,34,34)
Brown
#A52A2A
(165,42,42)
Salmon
#FA8072
(250,128,114)
DarkSalmon
#E9967A
(233,150,122)
LightSalmon
#FFA07A
(255,160,122)
Coral
#FF7F50
(255,127,80)
Tomato
#FF6347
(255,99,71)
OrangeRed
#FF4500
(255,69,0)
Red
#FF0000
(255,0,0)
Tons de Laranja – Orange Colors
Nome da Cor
Código hexadecimal
Código RGB
OrangeRed
#FF4500
(255,69,0)
DarkOrange
#FF8C00
(255,140,0)
Orange
#FFA500
(255,165,0)
Tons de Amarelo – Yellow Colors
Nome da Cor
Código hexadecimal
Código RGB
Gold
#FFD700
(255,215,0)
Yellow
#FFFF00
(255,255,0)
Khaki
#F0E68C
(240,230,140)
Tons Pastel – Light Colors
Nome da Cor
Código hexadecimal
Código RGB
AliceBlue
#F0F8FF
(240,248,255)
GhostWhite
#F8F8FF
(248,248,255)
Snow
#FFFAFA
(255,250,250)
Seashell
#FFF5EE
(255,245,238)
FloralWhite
#FFFAF0
(255,250,240)
WhiteSmoke
#F5F5F5
(245,245,245)
Beige
#F5F5DC
(245,245,220)
OldLace
#FDF5E6
(253,245,230)
Ivory
#FFFFF0
(255,255,240)
Linen
#FAF0E6
(250,240,230)
Cornsilk
#FFF8DC
(255,248,220)
AntiqueWhite
#FAEBD7
(250,235,215)
BlanchedAlmond
#FFEBCD
(255,235,205)
Bisque
#FFE4C4
(255,228,196)
LightYellow
#FFFFE0
(255,255,224)
LemonChiffon
#FFFACD
(255,250,205)
LightGoldenrodYellow
#FAFAD2
(250,250,210)
PapayaWhip
#FFEFD5
(255,239,213)
PeachPuff
#FFDAB9
(255,218,185)
Moccasin
#FFE4B5
(255,228,181)
PaleGoldenrod
#EEE8AA
(238,232,170)
MistyRose
#FFE4E1
(255,228,225)
LavenderBlush
#FFF0F5
(255,240,245)
Lavender
#E6E6FA
(230,230,250)
Thistle
#D8BFD8
(216,191,216)
Azure
#F0FFFF
(240,255,255)
LightCyan
#E0FFFF
(224,255,255)
PowderBlue
#B0E0E6
(176,224,230)
PaleTurquoise
#E0FFFF
(175,238,238)
Honeydew
#F0FFF0
(240,255,240)
MintCream
#F5FFFA
(245,255,250)
Conclusão
A tabela de Cores HTML em Hexadecimal e RGB engloba uma ampla variedade de cores, divididas em categorias que abrangem desde tons neutros, como os Tons de Cinza, até cores vibrantes, como os Tons de Vermelho e Tons de Amarelo. Nesse sentido, cada categoria reflete uma gama única de matizes que podem ser aplicados em diferentes contextos. Por exemplo, os Tons de Azul e Tons de Verde são ideais para criar uma sensação de serenidade, enquanto os Tons de Laranja e Tons de Vermelho são perfeitos para transmitir energia e vivacidade. Assim, cada grupo de cores oferece uma maneira distinta de impactar e transformar o ambiente visual.
Os Tons de Ciano e Tons de Roxo, por exemplo, oferecem uma sensação refrescante e criativa, enquanto os Tons de Marrom e Tons de Rosa adicionam profundidade e suavidade aos projetos. O uso dessas cores pode ser explorado em uma variedade de áreas, como design gráfico, decoração de interiores, moda, e outros campos criativos, oferecendo uma paleta rica e diversificada que se adapta a diferentes gostos e necessidades.
Em resumo, a combinação de todas essas cores proporciona uma base excelente para criar projetos visuais equilibrados, seja para evocar sensações de tranquilidade, elegância ou dinamismo, dependendo da escolha das tonalidades. A escolha da cor certa pode transformar significativamente a percepção de qualquer ambiente ou peça de design.
Entenda o que faz um DevOps
O DevOps é o profissional da área de Tecnologia da Informação (TI) responsável por otimizar a produtividade dos desenvolvedores...