Código de cor

Se es deseñador gráfico, ou acabas de entrar nun programa de edición de imaxes, verás un caixa que che permitiu cambiar a cor, xa sexa o cubo de pintura, o pincel, as letras... O que puido facerche curioso é o feito de que, cando escollas unha cor, aparece un código de cor, sabes o que é?

Se algunha vez te preguntas o que significan eses códigos de letras ou números e queres saber máis sobre iso, entón axudámosche a comprender a importancia do código de cores, por que reflicten as cores e outros detalles curiosos.

Cal é o código de cores

Podemos definir o código de cores como a gama de cores na que se pode mostrar unha web. É dicir, as posibilidades que existen, nunha paleta dunhas 216 cores, para determinar como quedará un sitio web. Este código pódese basear en tres tipos de sistemas: RGB, HEX e HSL (este último xa está en desuso).

En realidade, para que serve o código de cores é para servir de código universal para todos os navegadores de tal xeito que, con eses códigos, o que se consegue é reproducir os mesmos tons, ben en Internet Explores, en Firefox Mozilla, en Google Chrome. …

Debe sabelo un ordenador é capaz de distinguir ata 16 millóns de cores, polo que hai moitas posibilidades para crear un sitio web ou modificar imaxes.

Tipos de códigos de cores

Como xa vos dixemos antes, existen tres tipos de sistemas:

• RGB É a máis coñecida e está formada por tres cores primarias, vermello, azul e verde, das que, pola súa combinación, se derivan o resto das cores. En canto á súa representación, vai de 0 a 255 e o código que aparece está composto por tres cifras separadas por comas e entre parénteses.
• Hexadecimal. Usado principalmente en HTML e CSS. Neste caso, está formado tanto por números como por letras que se dispoñen entre si para obter códigos que determinan as cores.
• HSL. Xa en desuso, baséase en utilizar a tonalidade, a saturación e a luminosidade á hora de crear unha cor. Determínase por graos e porcentaxes (tres cifras separadas por comas e entre parénteses).

Por que son importantes os códigos?

Agora que sabes o que é a codificación de cores, a súa aplicación é fácil de entender, xa que utilízase para determinar que código é necesario para que se mostre unha determinada cor. Isto funciona, por exemplo, en páxinas web. O código HTML está implícito se un sitio web ten un fondo dunha determinada cor, se o tipo de letra é vermello, amarelo, verde, azul..., e moitos outros usos.

Entendes por que é importante? Por exemplo, imaxina que tes un sitio web cun fondo vermello. E queres cambialo por un en branco. Se coñeceses o código que determina a cor vermella, empregando o buscador no código HTML obterías o lugar onde se reflicte esta cor (vinculado á cor de fondo) e poderías cambiala rapidamente. Pero e se non o tes? Deberías buscar ata atopar esa sección e probar para ver que código se aproxima ao que queres.

Por iso, o código de cores axúdache a axilizar o traballo, ademais de poder utilizar as cores á hora de deseñar unha páxina web, editar unha imaxe, etc.

Lista de cores e o seu código Hexadecimal e RGB

Por último, queremos deixarvos a continuación a táboa na que podes atopar a maioría das cores que existen xunto co seu código decimal (RGB) e hexadecimal de xeito que se nalgún momento necesitas cambiar o código, podes facelo facilmente sen ter que buscalo na paleta de cores.

Etiqueta	Decimal (R, G, B)	Hexadecimal
aliceblue	rgb (240, 248, 255)	# F0F8FF
branco antigo	rgb (250, 235, 215)	# FAEBD7
aqua	rgb (0, 255, 255)	# 00FFFF
auga mariña	rgb (127, 255, 212)	# 7FFFD4
azul	rgb (240, 255, 255)	# F0FFFF
beis	rgb (245, 245, 220)	# F5F5DC
bisquito	rgb (255, 228, 196)	# FFE4C4
negro	rgb (0, 0, 0)	# 000000
Blancadalmond	rgb (255, 235, 205)	#FFEBCD
azul	rgb (0, 0, 255)	# 0000FF
azul violeta	rgb (138, 43, 226)	# 8A2BE2
marrón	rgb (165, 42, 42)	# A52A2A
madeira fornida	rgb (222, 184, 135)	# DEB887
azul cadete	rgb (95, 158, 160)	# 5F9EA0
chartreuse	rgb (127, 255, 0)	# 7FFF00
chocolate	rgb (210, 105, 30)	# D2691E
coral	rgb (255, 127, 80)	# FF7F50
aciano azul	rgb (100, 149, 237)	# 6495ED
seda de millo	rgb (255, 248, 220)	# FFF8DC
carmesim	rgb (220, 20, 60)	# DC143C
cian	rgb (0, 255, 255)	# 00FFFF
azul escuro	rgb (0, 0, 139)	# 00008B
cian escuro	rgb (0, 139, 139)	# 008B8B
vara de ouro escuro	rgb (184, 134, 11)	# B8860B
gris escuro	rgb (169, 169, 169)	# A9A9A9
verde escuro	rgb (0, 100, 0)	# 006400
gris escuro	rgb (169, 169, 169)	# A9A9A9
caqui escuro	rgb (189, 183, 107)	# BDB76B
magenta escuro	rgb (139, 0, 139)	# 8B008B
verde escuro	rgb (85, 107, 47)	# 556B2F
laranxa escura	rgb (255, 140, 0)	# FF8C00
escuro	rgb (153, 50, 204)	# 9932CC
escurecido	rgb (139, 0, 0)	# 8B0000
salmón escuro	rgb (233, 150, 122)	# E9967A
verde escuro	rgb (143, 188, 143)	# 8FBC8F
azul lousa escuro	rgb (72, 61, 139)	# 483D8B
gris loza escuro	rgb (47, 79, 79)	# 2F4F4F
gris loza escuro	rgb (47, 79, 79)	# 2F4F4F
turquesa escuro	rgb (0, 206, 209)	# 00CED1
violeta escuro	rgb (148, 0, 211)	# 9400D3
rosa profundo	rgb (255, 20, 147)	# FF1493
deepskyblue	rgb (0, 191, 255)	# 00BFFF
escuro	rgb (105, 105, 105)	# 696969
gris escuro	rgb (105, 105, 105)	# 696969
dodgerblue	rgb (30, 144, 255)	# 1E90FF
ladrillo	rgb (178, 34, 34)	#B22222
branca floral	rgb (255, 250, 240)	# FFFAF0
verde forestal	rgb (34, 139, 34)	# 228B22
fuchsia	rgb (255, 0, 255)	# FF00FF
gainsboro	rgb (220, 220, 220)	#DCDCDC
branco pantasma	rgb (248, 248, 255)	# F8F8FF
ouro	rgb (255, 215, 0)	# FFD700
vara de ouro	rgb (218, 165, 32)	# DAA520
gray	rgb (128, 128, 128)	# 808080
verde	rgb (0, 128, 0)	# 008000
verde amarela	rgb (173, 255, 47)	# ADFF2F
gris	rgb (128, 128, 128)	# 808080
melada	rgb (240, 255, 240)	# F0FFF0
hotpink	rgb (255, 105, 180)	# FF69B4
vermello indio	rgb (205, 92, 92)	# CD5C5C
índigo	rgb (75, 0, 130)	# 4B0082
marfil	rgb (255, 255, 240)	# FFFFF0
caqui	rgb (240, 230, 140)	# F0E68C
lavanda	rgb (230, 230, 250)	# E6E6FA
rubor de lavanda	rgb (255, 240, 245)	# FFF0F5
verde céspede	rgb (124, 252, 0)	# 7CFC00
chiffon de limón	rgb (255, 250, 205)	#FFFACD
azul claro	rgb (173, 216, 230)	# ADD8E6
coral lixeiro	rgb (240, 128, 128)	#F08080
cian lixeiro	rgb (224, 255, 255)	# E0FFFF
ouro lixeiro	rgb (250, 250, 210)	# FAFAD2
gris claro	rgb (211, 211, 211)	# D3D3D3
verde claro	rgb (144, 238, 144)	# 90EE90
frondosas	rgb (211, 211, 211)	# D3D3D3
rosa claro	rgb (255, 182, 193)	# FFB6C1
lightsalmon	rgb (255, 160, 122)	# FFA07A
verde claro	rgb (32, 178, 170)	# 20B2AA
azul claro	rgb (135, 206, 250)	# 87CEFA
gris latexado claro	rgb (119, 136, 153)	# 778899
gris lousa claro	rgb (119, 136, 153)	# 778899
azul aceiro claro	rgb (176, 196, 222)	# B0C4DE
claro-amarelo	rgb (255, 255, 224)	# FFFFE0
Lime	rgb (0, 255, 0)	# 00FF00
verde lima	rgb (50, 205, 50)	# 32CD32
liño	rgb (250, 240, 230)	# FAF0E6
magenta	rgb (255, 0, 255)	# FF00FF
marrón	rgb (128, 0, 0)	# 800000
aguamarina mediana	rgb (102, 205, 170)	# 66CDAA
azul mediano	rgb (0, 0, 205)	# 0000CD
medioorquídea	rgb (186, 85, 211)	# BA55D3
violeta medio	rgb (147, 112, 219)	# 9370D8
verde mariño medio	rgb (60, 179, 113)	# 3CB371
azul pizarra medio	rgb (123, 104, 238)	# 7B68EE
medio primaveral	rgb (0, 250, 154)	# 00FA9A
turquesa media	rgb (72, 209, 204)	# 48D1CC
violeta medio	rgb (199, 21, 133)	# C71585
azul medianoite	rgb (25, 25, 112)	# 191970
crema de menta	rgb (245, 255, 250)	# F5FFFA
mistyrose	rgb (255, 228, 225)	# FFE4E1
mocasín	rgb (255, 228, 181)	# FFE4B5
branco navajo	rgb (255, 222, 173)	#FFMORT
Navy	rgb (0, 0, 128)	# 000080
encaixe vello	rgb (253, 245, 230)	# FDF5E6
Olive	rgb (128, 128, 0)	# 808000
olivedrab	rgb (107, 142, 35)	# 6B8E23
laranxa	rgb (255, 165, 0)	# FFA500
en laranxa	rgb (255, 69, 0)	# FF4500
orquídea	rgb (218, 112, 214)	# DA70D6
vara de ouro pálido	rgb (238, 232, 170)	# EEE8AA
verde pálido	rgb (152, 251, 152)	# 98FB98
paleta turquesa	rgb (175, 238, 238)	#AFEEEE
pálido violeta	rgb (219, 112, 147)	# D87093
papaia	rgb (255, 239, 213)	# FFEFD5
pexego	rgb (255, 218, 185)	# FFDAB9
Perú	rgb (205, 133, 63)	# CD853F
rosa	rgb (255, 192, 203)	# FFC0CB
ameixa	rgb (221, 160, 221)	# DDA0DD
azul po	rgb (176, 224, 230)	# B0E0E6
Purple	rgb (128, 0, 128)	# 800080
vermello	rgb (255, 0, 0)	# FF0000
marrón rosado	rgb (188, 143, 143)	# BC8F8F
azul real	rgb (65, 105, 225)	# 4169E1
marrón	rgb (139, 69, 19)	# 8B4513
salmón	rgb (250, 128, 114)	# FA8072
marrón arenoso	rgb (244, 164, 96)	# F4A460
verde mariño	rgb (46, 139, 87)	# 2E8B57
cuncha	rgb (255, 245, 238)	# FFF5EE
siena	rgb (160, 82, 45)	# A0522D
prata	rgb (192, 192, 192)	# C0C0C0
ceo azul	rgb (135, 206, 235)	# 87CEEB
lousa azul	rgb (106, 90, 205)	# 6A5ACD
gris lousa	rgb (112, 128, 144)	# 708090
gris lousa	rgb (112, 128, 144)	# 708090
neve	rgb (255, 250, 250)	#FFFAFA
primavera	rgb (0, 255, 127)	# 00FF7F
azul aceiro	rgb (70, 130, 180)	# 4682B4
así	rgb (210, 180, 140)	# D2B48C
tetera	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
fume branco	rgb (245, 245, 245)	# F5F5F5
amarelo	rgb (255, 255, 0)	# FFFF00
verde amarelo	rgb (154, 205, 50)	# 9ACD32

Coñeces máis códigos de cores? Convidámosvos a poñelos nos comentarios para ampliar a lista.