Código de cores

Se você é um designer gráfico, ou acabou de entrar em um programa de edição de imagens, você deve ter visto um caixa que permitia que você mudasse a cor, seja o balde de tinta, o pincel, as letras ... O que pode te deixar curioso é o fato de que, quando você escolhe uma cor, ela aparece um código de cor, sabe o que é?

Se você já se perguntou o que significam esses códigos de letras ou números e deseja saber mais sobre isso, nós o ajudamos a entender a importância do código de cores, por que eles refletem cores e outros detalhes curiosos.

Qual é o código de cores

Podemos definir o código de cores como um intervalo cromático em que uma web pode ser exibida. Ou seja, as possibilidades que existem, em uma paleta de cerca de 216 cores, para definir como ficará um site. Este código pode ser baseado em três tipos de sistemas: RGB, HEX e HSL (o último agora obsoleto).

Na verdade, o que o código de cores serve é servir de código universal para todos os navegadores de forma que, com esses códigos, o que se consegue é reproduzir os mesmos tons, seja no Internet Explores, no Firefox Mozilla, no Google Chrome …

Saiba que um computador é capaz de distinguir até 16 milhões de cores, portanto, existem muitas possibilidades para criar um site ou para modificar imagens.

Tipos de códigos de cores

Como dissemos antes, existem três tipos de sistemas:

• RGB. É a mais conhecida e é composta por três cores primárias, vermelho, azul e verde, das quais, através da sua combinação, derivam as restantes cores. Quanto à sua representação, varia de 0 a 255 e o código que aparece é composto por três algarismos separados por vírgulas e entre parênteses.
• hexadecimal. Usado principalmente em HTML e CSS. Neste caso, é composto por algarismos e letras que se arrumam entre si para obter códigos que determinam as cores.
• HSL. Já em desuso, baseia-se no uso do matiz, da saturação e da leveza na hora de criar uma cor. É determinado por graus e percentagens (três algarismos separados por vírgulas e entre parênteses).

Por que os códigos são importantes?

Agora que você sabe o que é o código de cores, sua aplicação é fácil de entender, pois É usado para determinar qual código é necessário para a exibição de uma cor específica. Isso funciona, por exemplo, em páginas da web. O código HTML está implícito se um site tiver um fundo de uma determinada cor, se a fonte for vermelha, amarela, verde, azul ... e muitos outros usos.

Você entende por que isso é importante? Por exemplo, imagine que você tem um site com fundo vermelho. E você deseja alterá-lo para um em branco. Se você conhecesse o código que determina a cor vermelha, usando o mecanismo de busca no código HTML você obteria o local onde essa cor é refletida (ligada à cor de fundo) e poderia alterá-la rapidamente. Mas e se você não tiver? Você deve procurar até encontrar essa seção e testar para ver qual código está próximo do que você deseja.

Portanto, o código de cores ajuda a agilizar o trabalho, além de poder usar cores na hora de desenhar um site, editar uma imagem, etc.

Lista de cores e seu código Hexadecimal e RGB

Para terminar, gostaríamos de deixá-lo abaixo de um tabela na qual você pode encontrar a maioria das cores que existem junto com seu código decimal (RGB) e hexadecimal para que, se a qualquer momento você precisar alterar o código, você possa fazê-lo facilmente, sem ter que procurá-lo na paleta de cores.

Rótulo	Decimal (R, G, B)	Hexadecimal
alice azul	rgb (240, 248, 255)	# F0F8FF
antiquado	rgb (250, 235, 215)	# FAEBD7
água	rgb (0, 255, 255)	#00FFFF
água-marinha	rgb (127, 255, 212)	# 7FFFD4
azul	rgb (240, 255, 255)	# F0FFFF
de cor bege	rgb (245, 245, 220)	# F5F5DC
lambuja	rgb (255, 228, 196)	# FFE4C4
preto	rgb (0, 0, 0)	#000000
amêndoa	rgb (255, 235, 205)	#FFEBCD
azul	rgb (0, 0, 255)	# 0000FF
violeta azul	rgb (138, 43, 226)	# 8A2BE2
marrom	rgb (165, 42, 42)	# A52A2A
burlywood	rgb (222, 184, 135)	# DEB887
cadete azul	rgb (95, 158, 160)	# 5F9EA0
chartreuse	rgb (127, 255, 0)	# 7FFF00
chocolate	rgb (210, 105, 30)	# D2691E
coral	rgb (255, 127, 80)	# FF7F50
azul centáurea	rgb (100, 149, 237)	# 6495ED
seda de milho	rgb (255, 248, 220)	# FFF8DC
carmesim	rgb (220, 20, 60)	# DC143C
ciano	rgb (0, 255, 255)	#00FFFF
azul escuro	rgb (0, 0, 139)	#00008B
ciano escuro	rgb (0, 139, 139)	# 008B8B
Darkgoldenrod	rgb (184, 134, 11)	# B8860B
cinza escuro	rgb (169, 169, 169)	# A9A9A9
verde escuro	rgb (0, 100, 0)	#006400
cinza escuro	rgb (169, 169, 169)	# A9A9A9
Darkkhaki	rgb (189, 183, 107)	# BDB76B
magenta escuro	rgb (139, 0, 139)	# 8B008B
verde-escuro	rgb (85, 107, 47)	# 556B2F
laranja escuro	rgb (255, 140, 0)	# FF8C00
orquídea negra	rgb (153, 50, 204)	# 9932CC
vermelho escuro	rgb (139, 0, 0)	# 8B0000
Darksalmon	rgb (233, 150, 122)	# E9967A
verde escuro	rgb (143, 188, 143)	# 8FBC8F
ardósia azul escuro	rgb (72, 61, 139)	# 483D8B
Darkslategray	rgb (47, 79, 79)	# 2F4F4F
Darkslategrey	rgb (47, 79, 79)	# 2F4F4F
turquesa escura	rgb (0, 206, 209)	# 00CED1
violeta escuro	rgb (148, 0, 211)	# 9400D3
Rosa escuro	rgb (255, 20, 147)	# FF1493
azul celeste	rgb (0, 191, 255)	# 00BFFF
escurecer	rgb (105, 105, 105)	#696969
Dimgrey	rgb (105, 105, 105)	#696969
Trapaceiro azul	rgb (30, 144, 255)	# 1E90FF
tijolo refratário	rgb (178, 34, 34)	#B22222
branco floral	rgb (255, 250, 240)	# FFFAF0
verde floresta	rgb (34, 139, 34)	# 228B22
fúcsia	rgb (255, 0, 255)	# FF00FF
Ginsboro	rgb (220, 220, 220)	#DCDCDC
fantasma branco	rgb (248, 248, 255)	# F8F8FF
ouro	rgb (255, 215, 0)	# FFD700
Goldenrod	rgb (218, 165, 32)	# DAA520
cinza	rgb (128, 128, 128)	#808080
verde	rgb (0, 128, 0)	#008000
verde amarelo	rgb (173, 255, 47)	# ADFF2F
cinzento	rgb (128, 128, 128)	#808080
melada	rgb (240, 255, 240)	# F0FFF0
Rosa quente	rgb (255, 105, 180)	# FF69B4
índio	rgb (205, 92, 92)	# CD5C5C
índigo	rgb (75, 0, 130)	# 4B0082
marfim	rgb (255, 255, 240)	# FFFFF0
caqui	rgb (240, 230, 140)	# F0E68C
lavanda	rgb (230, 230, 250)	# E6E6FA
lavandablush	rgb (255, 240, 245)	# FFF0F5
Lawngreen	rgb (124, 252, 0)	# 7CFC00
Lemonchiffon	rgb (255, 250, 205)	#FFFACD
azul claro	rgb (173, 216, 230)	# ADD8E6
cor de luz	rgb (240, 128, 128)	# F08080
Ciano claro	rgb (224, 255, 255)	# E0FFFF
luz dourada	rgb (250, 250, 210)	# FAFAD2
cinza claro	rgb (211, 211, 211)	# D3D3D3
luz verde	rgb (144, 238, 144)	# 90EE90
cinza claro	rgb (211, 211, 211)	# D3D3D3
luz rosa	rgb (255, 182, 193)	# FFB6C1
lightalmon	rgb (255, 160, 122)	# FFA07A
verde claro	rgb (32, 178, 170)	# 20B2AA
azul claro	rgb (135, 206, 250)	# 87CEFA
raio de luz	rgb (119, 136, 153)	#778899
estrelado-luz	rgb (119, 136, 153)	#778899
azul claro	rgb (176, 196, 222)	# B0C4DE
luz amarela	rgb (255, 255, 224)	# FFFFE0
cal	rgb (0, 255, 0)	# 00FF00
verde limão	rgb (50, 205, 50)	# 32CD32
linho	rgb (250, 240, 230)	# FAF0E6
magenta	rgb (255, 0, 255)	# FF00FF
marrom	rgb (128, 0, 0)	#800000
água-marinha média	rgb (102, 205, 170)	# 66CDAA
azul médio	rgb (0, 0, 205)	# 0000CD
médium	rgb (186, 85, 211)	# BA55D3
médio púrpura	rgb (147, 112, 219)	# 9370D8
médio-verde	rgb (60, 179, 113)	# 3CB371
médio-azulado	rgb (123, 104, 238)	# 7B68EE
verde-primavera	rgb (0, 250, 154)	# 00FA9A
turquesa médio	rgb (72, 209, 204)	# 48D1CC
médio-violento	rgb (199, 21, 133)	#C71585
azul da meia noite	rgb (25, 25, 112)	#191970
creme de hortelã	rgb (245, 255, 250)	# F5FFFA
neblina	rgb (255, 228, 225)	# FFE4E1
mocassim	rgb (255, 228, 181)	# FFE4B5
navajowhite	rgb (255, 222, 173)	#FFDEAD
marinha	rgb (0, 0, 128)	#000080
Oldlace	rgb (253, 245, 230)	# FDF5E6
azeitonas	rgb (128, 128, 0)	#808000
olivedrab	rgb (107, 142, 35)	# 6B8E23
Laranja	rgb (255, 165, 0)	# FFA500
orangered	rgb (255, 69, 0)	# FF4500
orquídea	rgb (218, 112, 214)	# DA70D6
Palegoldenrod	rgb (238, 232, 170)	# EEE8AA
palegreen	rgb (152, 251, 152)	# 98FB98
palete turquesa	rgb (175, 238, 238)	#AFEEE
palevioletrado	rgb (219, 112, 147)	#D87093
papaio	rgb (255, 239, 213)	# FFEFD5
pêssego	rgb (255, 218, 185)	# FFDAB9
Peru	rgb (205, 133, 63)	# CD853F
Rosa	rgb (255, 192, 203)	# FFC0CB
ameixa	rgb (221, 160, 221)	# DDA0DD
Pó azul	rgb (176, 224, 230)	# B0E0E6
roxo	rgb (128, 0, 128)	#800080
vermelho	rgb (255, 0, 0)	# FF0000
marrom-rosado	rgb (188, 143, 143)	# BC8F8F
royalblue	rgb (65, 105, 225)	# 4169E1
Saddlebrown	rgb (139, 69, 19)	# 8B4513
salmão	rgb (250, 128, 114)	# FA8072
arenoso	rgb (244, 164, 96)	# F4A460
verde Mar	rgb (46, 139, 87)	# 2E8B57
Concha do mar	rgb (255, 245, 238)	# FFF5EE
sienna	rgb (160, 82, 45)	# A0522D
prata	rgb (192, 192, 192)	# C0C0C0
céu azul	rgb (135, 206, 235)	# 87CEEB
azul ardósia	rgb (106, 90, 205)	# 6A5ACD
ardósia cinza	rgb (112, 128, 144)	#708090
ardósia cinza	rgb (112, 128, 144)	#708090
neve	rgb (255, 250, 250)	#FFFAFA
Primavera verde	rgb (0, 255, 127)	# 00FF7F
azul-aço	rgb (70, 130, 180)	# 4682B4
bronzeado	rgb (210, 180, 140)	# D2B48C
cerceta	rgb (0, 128, 128)	#008080
cardo	rgb (216, 191, 216)	# D8BFD8
tomate	rgb (255, 99, 71)	# FF6347
turquesa	rgb (64, 224, 208)	# 40E0D0
violeta	rgb (238, 130, 238)	# EE82EE
trigo	rgb (245, 222, 179)	# F5DEB3
branco	rgb (255, 255, 255)	# FFFFFF
fumaça branca	rgb (245, 245, 245)	# F5F5F5
amarelo	rgb (255, 255, 0)	#FFFF00
amarelo verde	rgb (154, 205, 50)	# 9ACD32

Você conhece mais códigos de cores? Convidamos você a colocá-los nos comentários para expandir a lista.