![]() |
IMAGEN.1 http://ayudacodigoshtml.com/wp-content/uploads/2013/01/colores-hexadecimales.jpg |
Nombres de colores hexadecimales
Nombre del
color
|
Código hex
|
Color
"seguro para web" más cercano
|
BLANCO
|
#FFFFFF
|
#FFFFFF
|
AZUR
|
#F0FFFF
|
#FFFFFF
|
CREMA
|
#F5FFFA
|
#FFFFFF
|
NIEVE
|
#FFFAFA
|
#FFFFFF
|
MARFIL
|
#FFFFF0
|
#FFFFFF
|
BLANCO
FANTASMA
|
#F8F8FF
|
#FFFFFF
|
BLANCO FLORAL
|
#FFFAF0
|
#FFFFFF
|
AZUL ALICIA
|
#F0F8FF
|
#FFFFFF
|
CIAN CLARO
|
#E0FFFF
|
#CCFFFF
|
MELÓN VERDE
|
#F0FFF0
|
#FFFFFF
|
AMARILLO
CLARO
|
#FFFFE0
|
#FFFFFF
|
CONCHA
|
#FFF5EE
|
#FFFFFF
|
SONROJO
LAVANDA
|
#FFF0F5
|
#FFFFFF
|
HUMO BLANCO
|
#F5F5F5
|
#FFFFFF
|
ENCAJE
ANTIGUO
|
#FDF5E6
|
#FFFFFF
|
SEDA DE MAÍZ
|
#FFF8DC
|
#FFFFCC
|
LINO
|
#FAF0E6
|
#FFFFFF
|
AMARILLO
ALAMBRE DORADO CLARO
|
#FAFAD2
|
#FFFFCC
|
GASA LIMÓN
|
#FFFACD
|
#FFFFCC
|
BEIGE
|
#F5F5DC
|
#FFFFCC
|
LAVANDA
|
#E6E6FA
|
#CCCCFF
|
BATIDO DE
PAPAYA
|
#FFEFD5
|
#FFFFCC
|
ROSA BRUMOSA
|
#FFE4E1
|
#FFCCCC
|
BLANCO
ANTIGUO
|
#FAEBD7
|
#FFFFCC
|
BLANCO
ALMENDRA
|
#FFEBCD
|
#FFFFCC
|
SOPA
|
#FFE4C4
|
#FFFFCC
|
TURQUESA
PÁLIDO
|
#AFEEEE
|
#99FFFF
|
MOCASÍN
|
#FFE4B5
|
#FFCCCC
|
GAINSBORO
|
#DCDCDC
|
#CCCCCC
|
SOPLIDO
MELOCOTÓN
|
#FFDAB9
|
#FFCCCC
|
BLANCO NAVAJO
|
#FFDEAD
|
#FFCC99
|
DORADO
ALAMBRE PÁLIDO
|
#EEE8AA
|
#FFFF99
|
TRIGO
|
#F5DEB3
|
#FFCCCC
|
POLVO AZUL
|
#B0E0E6
|
#CCCCFF
|
AGUAMARINA
|
#7FFFD4
|
#66FFCC
|
GRIS CLARO
|
#D3D3D3
|
#CCCCCC
|
ROSA
|
#FFC0CB
|
#FFCCCC
|
AZUL CLARO
|
#ADD8E6
|
#99CCFF
|
CARDO
|
#D8BFD8
|
#CCCCCC
|
ROSA CLARO
|
#FFB6C1
|
#FFCCCC
|
AZUL CIELO
CLARO
|
#87CEFA
|
#99CCFF
|
VERDE PÁLIDO
|
#98FB98
|
#99FF99
|
AZUL ACERO
CLARO
|
#B0C4DE
|
#99CCCC
|
CAQUI
|
#F0D58C
|
#FFCC99
|
AZUL CIELO
|
#87CEEB
|
#99CCFF
|
AGUA
|
#00FFFF
|
#00FFFF
|
CIAN
|
#00FFFF
|
#00FFFF
|
PLATA
|
#C0C0C0
|
#CCCCCC
|
CIRUELA
|
#DDA0DD
|
#CC99CC
|
GRIS
|
#BEBEBE
|
#CCCCCC
|
VERDE CLARO
|
#90EE90
|
#99FF99
|
VIOLETA
|
#EE82EE
|
#FF99FF
|
AMARILLO
|
#FFFF00
|
#FFFF00
|
TURQUESA
|
#40E0D0
|
#33CCCC
|
MADERA
FORNIDA
|
#DEB887
|
#CCCC99
|
AMARILLO
VERDE
|
#ADFF2F
|
#99FF33
|
BRONCEADO
|
#D2B48C
|
#CCCC99
|
TURQUESA
MEDIO
|
#48D1CC
|
#33CCCC
|
SALMÓN CLARO
|
#FFA07A
|
#FF9966
|
AGUAMARINA
MEDIO
|
#66CDAA
|
#66CC99
|
GRIS OSCURO
|
#A9A9A9
|
#999999
|
ORQUÍDEA
|
#DA70D6
|
#CC66CC
|
VERDE MAR
INTENSO
|
#8FBC8F
|
#99CC99
|
AZUL CIELO
INTENSO
|
#00BFFF
|
#00CCFF
|
MARRÓN ARENA
|
#F4A460
|
#FF9966
|
DORADO
|
#FFD700
|
#FFCC00
|
VERDE
PRIMAVERA MEDIO
|
#00FA9A
|
#00FF99
|
CAQUI OSCURO
|
#BDB76B
|
#CCCC66
|
ACIANO AZUL
|
#6495ED
|
#6699FF
|
ROSA CALIENTE
|
#FF69B4
|
#FF66CC
|
SALMÓN OSCURO
|
#E9967A
|
#FF9966
|
TURQUESA
OSCURO
|
#00CED1
|
#00CCCC
|
VERDE
PRIMAVERA
|
#00FF7F
|
#00FF66
|
CORAL CLARO
|
#F08080
|
#FF9999
|
MARRÓN ROSADO
|
#BC8F8F
|
#CC9999
|
SALMÓN
|
#FA8072
|
#FF9966
|
CHARTREUSE
|
#7FFF00
|
#66FF00
|
PÚRPURA MEDIO
|
#9370DB
|
#9966CC
|
VERDE CÉSPED
|
#7CFC00
|
#66FF00
|
AZUL DODGER
|
#1E90FF
|
#3399FF
|
VERDE
AMARILLO
|
#9ACD32
|
#99CC33
|
VIOLETA ROJO
PÁLIDO
|
#DB7093
|
#CC6699
|
AZUL PIZARRA MEDIO
|
#7B68EE
|
#6666FF
|
ORQUÍDEA
MEDIO
|
#BA55D3
|
#CC66CC
|
CORAL
|
#FF7F50
|
#FF6666
|
AZUL CADETE
|
#5F9EA0
|
#669999
|
VERDE MAR
CLARO
|
#20B2AA
|
#339999
|
DORADO
ALAMBRE
|
#DAA520
|
#CC9933
|
NARANJA
|
#FFA500
|
#FF9900
|
GRIS PIZARRA
CLARO
|
#778899
|
#669999
|
FUCSIA
|
#FF00FF
|
#FF00FF
|
MAGENTA
|
#FF00FF
|
#FF00FF
|
VERDE MAR
MEDIO
|
#3CB371
|
#33CC66
|
PERÚ
|
#CD853F
|
#CC9933
|
AZUL ACERO
|
#4682B4
|
#3399CC
|
AZUL REAL
|
#4169E1
|
#3366CC
|
GRIS PIZARRA
|
#708090
|
#669999
|
TOMATE
|
#FF6347
|
#FF6633
|
NARANJA
OSCURO
|
#FF8C00
|
#FF9900
|
AZUL PIZARRA
|
#6A5ACD
|
#6666CC
|
VERDE LIMA
|
#32CD32
|
#33CC33
|
LIMA
|
#00FF00
|
#00FF00
|
ROJO INDIO
|
#CD5C5C
|
#CC6666
|
ORQUÍDEA
OSCURO
|
#9932CC
|
#9933CC
|
AZUL VIOLETA
|
#8A2BE2
|
#9933FF
|
ROSA INTENSO
|
#FF1493
|
#FF0099
|
DORADO
ALAMBRE OSCURO
|
#B8860B
|
#CC9900
|
CHOCOLATE
|
#D2691E
|
#CC6633
|
CIAN OSCURO
|
#008B8B
|
#009999
|
GRIS DIFUSO
|
#696969
|
#666666
|
GRIS ACEITUNA
|
#6B8E23
|
#669933
|
VERDE MAR
|
#2E8B57
|
#339966
|
VERDE CERCETA
|
#008080
|
#009999
|
VIOLETA
OSCURO
|
#9400D3
|
#9900CC
|
VIOLETA ROJO
MEDIO
|
#C71585
|
#CC0066
|
NARANJA ROJO
|
#FF4500
|
#FF3300
|
ACEITUNA
|
#808000
|
#999900
|
SIENA
|
#A0522D
|
#996633
|
AZUL PIZARRA
OSCURO
|
#483D8B
|
#333399
|
VERDE
ACEITUNA OSCURO
|
#556B2F
|
#666633
|
VERDE BOSQUE
|
#228B22
|
#339933
|
CARMESÍ
|
#DC143C
|
#CC0033
|
AZUL
|
#0000FF
|
#0000FF
|
MAGENTA
OSCURO
|
#8B008B
|
#990099
|
GRIS PIZARRA
OSCURO
|
#2F4F4F
|
#336666
|
MARRÓN MONTURA
|
#8B4513
|
#993300
|
MARRÓN
|
#A52A2A
|
#993333
|
LADRILLO
REFRACTARIO
|
#B22222
|
#993333
|
PÚRPURA
|
#800080
|
#990099
|
VERDE
|
#008000
|
#009900
|
ROJO
|
#FF0000
|
#FF0000
|
AZUL MEDIO
|
#0000CD
|
#0000CC
|
ÍNDIGO
|
#4B0082
|
#330099
|
AZUL
MEDIANOCHE
|
#191970
|
#000066
|
VERDE OSCURO
|
#006400
|
#006600
|
AZUL OSCURO
|
#00008B
|
#000099
|
AZUL MARINO
|
#000080
|
#000099
|
ROJO OSCURO
|
#8B0000
|
#990000
|
GRANATE
|
#800000
|
#990000
|
NEGRO
|
#000000
|
#000000
|
EN INGLES
Purple color names
|
Lavender
|
E6E6FA
|
|
|
Thistle
|
D8BFD8
|
|
|
Plum
|
DDA0DD
|
|
|
Violet
|
EE82EE
|
|
|
Orchid
|
DA70D6
|
|
|
Fuchsia
|
FF00FF
|
|
|
Magenta
|
FF00FF
|
|
|
MediumOrchid
|
BA55D3
|
|
|
MediumPurple
|
9370DB
|
|
|
Amethyst
|
9966CC
|
|
|
BlueViolet
|
8A2BE2
|
|
|
DarkViolet
|
9400D3
|
|
|
DarkOrchid
|
9932CC
|
|
|
DarkMagenta
|
8B008B
|
|
|
Purple
|
800080
|
|
|
Indigo
|
4B0082
|
|
|
SlateBlue
|
6A5ACD
|
|
|
DarkSlateBlue
|
483D8B
|
|
|
MediumSlateBlue
|
7B68EE
|
|
Green color names
|
GreenYellow
|
ADFF2F
|
|
|
Chartreuse
|
7FFF00
|
|
|
LawnGreen
|
7CFC00
|
|
|
Lime
|
00FF00
|
|
|
LimeGreen
|
32CD32
|
|
|
PaleGreen
|
98FB98
|
|
|
LightGreen
|
90EE90
|
|
|
MediumSpringGreen
|
00FA9A
|
|
|
SpringGreen
|
00FF7F
|
|
|
MediumSeaGreen
|
3CB371
|
|
|
SeaGreen
|
2E8B57
|
|
|
ForestGreen
|
228B22
|
|
|
Green
|
008000
|
|
|
DarkGreen
|
006400
|
|
|
YellowGreen
|
9ACD32
|
|
|
OliveDrab
|
6B8E23
|
|
|
Olive
|
808000
|
|
|
DarkOliveGreen
|
556B2F
|
|
|
MediumAquamarine
|
66CDAA
|
|
|
DarkSeaGreen
|
8FBC8F
|
|
|
LightSeaGreen
|
20B2AA
|
|
|
DarkCyan
|
008B8B
|
|
|
Teal
|
008080
|
|
Blue color names
|
Aqua
|
00FFFF
|
|
|
Cyan
|
00FFFF
|
|
|
LightCyan
|
E0FFFF
|
|
|
PaleTurquoise
|
AFEEEE
|
|
|
Aquamarine
|
7FFFD4
|
|
|
Turquoise
|
40E0D0
|
|
|
MediumTurquoise
|
48D1CC
|
|
|
DarkTurquoise
|
00CED1
|
|
|
CadetBlue
|
5F9EA0
|
|
|
SteelBlue
|
4682B4
|
|
|
LightSteelBlue
|
B0C4DE
|
|
|
PowderBlue
|
B0E0E6
|
|
|
LightBlue
|
ADD8E6
|
|
|
SkyBlue
|
87CEEB
|
|
|
LightSkyBlue
|
87CEFA
|
|
|
DeepSkyBlue
|
00BFFF
|
|
|
DodgerBlue
|
1E90FF
|
|
|
CornflowerBlue
|
6495ED
|
|
|
MediumSlateBlue
|
7B68EE
|
|
|
RoyalBlue
|
4169E1
|
|
|
Blue
|
0000FF
|
|
|
MediumBlue
|
0000CD
|
|
|
DarkBlue
|
00008B
|
|
|
Navy
|
000080
|
|
|
MidnightBlue
|
191970
|
|
Brown color names
|
Cornsilk
|
FFF8DC
|
|
|
BlanchedAlmond
|
FFEBCD
|
|
|
Bisque
|
FFE4C4
|
|
|
NavajoWhite
|
FFDEAD
|
|
|
Wheat
|
F5DEB3
|
|
|
BurlyWood
|
DEB887
|
|
|
Tan
|
D2B48C
|
|
|
RosyBrown
|
BC8F8F
|
|
|
SandyBrown
|
F4A460
|
|
|
Goldenrod
|
DAA520
|
|
|
DarkGoldenrod
|
B8860B
|
|
|
Peru
|
CD853F
|
|
|
Chocolate
|
D2691E
|
|
|
SaddleBrown
|
8B4513
|
|
|
Sienna
|
A0522D
|
|
|
Brown
|
A52A2A
|
|
|
Maroon
|
800000
|
|
White color names
|
White
|
FFFFFF
|
|
|
Snow
|
FFFAFA
|
|
|
Honeydew
|
F0FFF0
|
|
|
MintCream
|
F5FFFA
|
|
|
Azure
|
F0FFFF
|
|
|
AliceBlue
|
F0F8FF
|
|
|
GhostWhite
|
F8F8FF
|
|
|
WhiteSmoke
|
F5F5F5
|
|
|
Seashell
|
FFF5EE
|
|
|
Beige
|
F5F5DC
|
|
|
OldLace
|
FDF5E6
|
|
|
FloralWhite
|
FFFAF0
|
|
|
Ivory
|
FFFFF0
|
|
|
AntiqueWhite
|
FAEBD7
|
|
|
Linen
|
FAF0E6
|
|
|
LavenderBlush
|
FFF0F5
|
|
|
MistyRose
|
FFE4E1
|
|
Grey color names
|
Gainsboro
|
DCDCDC
|
|
|
LightGrey
|
D3D3D3
|
|
|
Silver
|
C0C0C0
|
|
|
DarkGray
|
A9A9A9
|
|
|
Gray
|
808080
|
|
|
DimGray
|
696969
|
|
|
LightSlateGray
|
778899
|
|
|
SlateGray
|
708090
|
|
|
DarkSlateGray
|
2F4F4F
|
|
|
Black
|
000000
|
|
¿Cómo usar los códigos de colores HTML?
Con los Códigos de colores HTML puede establecer el color de fondo del sitio web, el color del texto, de las celdas en las tablas y mucho más.Usar los códigos de colores HTML para el color de fondo del sitio web:
<body style="background:#80BFFF">
Usar los códigos de colores HTML para configurar el color de la fuente/texto:
<span style="color:#80BFFF">
Usar los códigos de colores HTML para el color de fondo de las tablas:
<table style="background:#80BFFF">
Usar los códigos de colores HTML para los colores de los enlaces:
<a style="color:#80BFFF">
Teoría sobre los códigos de colores HTML
Seguramente se está preguntando: « ¿Tiene algún significado esta extraña combinación de letras y números?» Pues la respuesta es «Sí» y así es como funciona:)Formato de los códigos HTML:
Cada código HTML comprende el símbolo «#» y 6 letras o números. Estos números se expresan en el sistema de numeración hexadecimal. Por ejemplo «FF» en hexadecimal representa el número 255 en Decimal.
Significado de los símbolos:
Significado de los símbolos: Los dos primeros símbolos del código de color HTML representan la intensidad del color rojo. 00 es el menos intenso y FF es el más intenso. El tercer y el cuarto número representan la intensidad del verde y el quinto y el sexto representan la intensidad del azul. Así, con esta combinación de la intensidad del rojo, verde y azul podemos mezclar cualquier color que deseemos de corazón;)
Ejemplos:
#FF0000 - Con este código HTML le decimos al navegador que muestre la máxima cantidad de rojo y nada de verde ni de azul. El resultado es evidentemente el color rojo puro:
#00FF00 - Este código HTML muestra solo el verde y nada de rojo ni de azul. El resultado es:
#0000FF - Este código HTML muestra solo el azul y nada de rojo ni de verde. El resultado es:
#FFFF00 - Con la combinación de color rojo y verde obtenemos el amarillo:
#CCEEFF - Cogemos un poco de rojo, un poco más de verde y el máximo de azul para obtener el color del cielo:
https://www.youtube.com/watch?v=aSJv_GuN-_M
No hay comentarios:
Publicar un comentario