Cuando prefieres el frío a la chimenea, cuando estas nervioso al despertar. Por fin acabas de llegar, merece la pena esperar. Sorteo, migas y tinto acompañadas de un par de amigos. La suerte echada está. Puesto n° 8, ya duelen las piernas al andar. En la traviesas el maíz ya no está, buena señal. Escuchas los perros ladrar, la suelta y las reses trotar. Ese cochino que agarraron gruñendo está sin parar. Tus compañeros escuchas tirar, uno, dos, les oyes rematar. Y tú sin tirar, ciervas y más ciervas. Desde los prismáticos lo ves llegar, ahí viene el venado, hasta no verle las puntas no decides tirar. Suenan los carros y, los perros ya han vuelto a cruzar, esto está a punto de terminar. Sales empapado del monte, los perreros dirección norte. Ya se acaba la montería, los monteros llenos de alegría, solo hay que ver sus ojos brillar. Lo importante no es cazar, sino disfrutar. Ahí llega el primer novio con su venado al hombro. Los móviles no paran de sonar. Hora de comer y comentar, y mañana Dios dirá. Una gran experiencia que jamás olvidarás. Fin, fin de una temporada espectacular

lunes, 30 de noviembre de 2015

CÓDIGO DE COLORES EN HEXADECIMAL Y HTML PARA WEB

Los códigos de colores para web son aquellos colores que aparecen en una página web. Se pueden basar sobre los sistemas de color RGB o HSL. En el código CSS (y antiguamente HTML) son especificados como valores numéricos, aunque hay algunos colores que son nombrados por sus nombres propios en inglés.



RGB

La paleta de colores RGB (RVA en español) consta, básicamente, de tres colores primitivos aditivos:

  • Rojo.
  • Verde.
  • Azul.
Synthese+.svg

En HTML, están representados por tres pares hexadecimales según el siguiente formato: los colores básicos o primarios, no aquellos que son resultantes de mezclas. (Ejemplo de esto sería el amarillo      , resultante de la mezcla del color verde y rojo).

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

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 de los colores primitivos aditivos, rojo, verde y azul podemos mezclar cualquier color que deseemos.

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 verde ni de rojo. El resultado es:     

¿Cómo usar los códigos de colores HTML?

Bien, con los códigos de colores HTML puede establecer el color de fondo de la página o 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">


HSL

En el sistema de colores HSL los colores se miden por tres parámetros (hue, saturation and light) que determinan la posición del color en el cilindro de colores HSL. El primer parámetro es el ángulo horizontal, el segundo es la distancia horizontal del centro de las base y el tercero es la distancia vertical (altura) del centro de la base.


Equivalencias

Entre los sistemas web hay algunas contradicciones que se pueden resumir en la siguiente tabla:
Colores con doble denominación
W3C / CSS /
HTML / VGA
ColorX11
RGBMuestra
Silver#C0C0C0Gray
Lime#00FF00Green
Magenta#00FF00Fuchsia
Cyan#00FFFFAqua

TABLA DE COLORES

Nombre HTMLCódigo hex
R  G  B
Código decimal
R  G  B
Código
H  S  L
Colores rojos
IndianRedCD5C5C205 92 920° 53% 58%
LightCoralF08080240 128 1280° 79% 72%
SalmonFA8072250 128 1146° 93% 71%
DarkSalmonE9967A233 150 12215° 72% 70%
LightSalmonFFA07A255 160 12217° 100% 74%
CrimsonDC143C220 20 60348° 83% 47%
RedFF0000255 0 00° 100% 50%
FireBrickB22222178 34 340° 68% 42%
DarkRed8B0000139 0 00° 100% 27%
Colores rosas
PinkFFC0CB255 192 203350° 100% 88%
LightPinkFFB6C1255 182 193351° 100% 86%
HotPinkFF69B4255 105 180330° 100% 71%
DeepPinkFF1493255 20 147328° 100% 54%
MediumVioletRedC71585199 21 133322° 81% 43%
PaleVioletRedDB7093219 112 147340° 60% 65%
Colores naranjas
LightSalmonFFA07A255 160 12217° 100% 74%
CoralFF7F50255 127 8016° 100% 66%
TomatoFF6347255 99 719° 100% 64%
OrangeRedFF4500255 69 016° 100% 50%
DarkOrangeFF8C00255 140 033° 100% 50%
OrangeFFA500255 165 039° 100% 50%
Colores amarillos
GoldFFD700255 215 051° 100% 50%
YellowFFFF00255 255 060° 100% 50%
LightYellowFFFFE0255 255 22460° 100% 94%
LemonChiffonFFFACD255 250 20554° 100% 90%
LightGoldenrodYellowFAFAD2250 250 21060° 80% 90%
PapayaWhipFFEFD5255 239 21337° 100% 92%
MoccasinFFE4B5255 228 18138° 100% 85%
PeachPuffFFDAB9255 218 18528° 100% 86%
PaleGoldenrodEEE8AA238 232 17055° 67% 80%
KhakiF0E68C240 230 14054° 77% 75%
DarkKhakiBDB76B189 183 10756° 38% 58%
Colores púrpuras
LavenderE6E6FA230 230 250240° 67% 94%
ThistleD8BFD8216 191 216300° 24% 80%
PlumDDA0DD221 160 221300° 47% 75%
VioletEE82EE238 130 238300° 76% 72%
OrchidDA70D6218 112 214302° 59% 65%
Fuchsia / MagentaFF00FF255 0 255300° 100% 50%
MediumOrchidBA55D3186 85 211288° 59% 58%
MediumPurple9370DB147 112 219260° 60% 65%
BlueViolet8A2BE2138 43 226271° 76% 53%
DarkViolet9400D3148 0 211282° 100% 41%
DarkOrchid9932CC153 50 204280° 61% 50%
DarkMagenta8B008B139 0 139300° 100% 27%
Purple800080128 0 128300° 100% 25%
Indigo4B008275 0 130275° 100% 25%
SlateBlue6A5ACD106 90 205248° 53% 58%
DarkSlateBlue483D8B72 61 139248° 39% 39%
Colores verdes
GreenYellowADFF2F173 255 4784° 100% 59%
Chartreuse7FFF00127 255 090° 100% 50%
LawnGreen7CFC00124 252 090° 100% 49%
Lime00FF000 255 0120° 100% 50%
LimeGreen32CD3250 205 50120° 61% 50%
PaleGreen98FB98152 251 152120° 93% 79%
LightGreen90EE90144 238 144120° 73% 75%
MediumSpringGreen00FA9A0 250 154157° 100% 49%
SpringGreen00FF7F0 255 127150° 100% 50%
MediumSeaGreen3CB37160 179 113147° 50% 47%
SeaGreen2E8B5746 139 87146° 50% 36%
ForestGreen228B2234 139 34120° 61% 34%
Green0080000 128 0120° 100% 25%
DarkGreen0064000 100 0120° 100% 20%
YellowGreen9ACD32154 205 5080° 61% 50%
OliveDrab6B8E23107 142 3580° 60% 35%
Olive808000128 128 060° 100% 25%
DarkOliveGreen556B2F85 107 4782° 39% 30%
MediumAquamarine66CDAA102 205 170160° 51% 60%
DarkSeaGreen8FBC8F143 188 143120° 25% 65%
LightSeaGreen20B2AA32 178 170177° 70% 41%
DarkCyan008B8B0 139 139180° 100% 27%
Teal0080800 128 128180° 100% 25%
Colores azules
Aqua / Cyan00FFFF0 255 255180° 100% 50%
LightCyanE0FFFF224 255 255180° 100% 94%
PaleTurquoiseAFEEEE175 238 238180° 65% 81%
Aquamarine7FFFD4127 255 212160° 100% 75%
Turquoise40E0D064 224 208174° 72% 56%
MediumTurquoise48D1CC72 209 204178° 60% 55%
DarkTurquoise00CED10 206 209
CadetBlue5F9EA095 158 160
SteelBlue4682B470 130 180
LightSteelBlueB0C4DE176 196 222
PowderBlueB0E0E6176 224 230
LightBlueADD8E6173 216 230
SkyBlue87CEEB135 206 235
BlueWebCEE7FF206 131 255
LightSkyBlue87CEFA135 206 250
DeepSkyBlue00BFFF0 191 255
DodgerBlue1E90FF30 144 255
CornflowerBlue6495ED100 149 237
MediumSlateBlue7B68EE123 104 238
RoyalBlue4169E165 105 225
Blue0000FF0 0 255
MediumBlue0000CD0 0 205
DarkBlue00008B0 0 139
Navy0000800 0 128
MidnightBlue19197025 25 112
Colores marrones
CornsilkFFF8DC255 248 220
BlanchedAlmondFFEBCD255 235 205
BisqueFFE4C4255 228 196
NavajoWhiteFFDEAD255 222 173
WheatF5DEB3245 222 179
BurlyWoodDEB887222 184 135
TanD2B48C210 180 140
RosyBrownBC8F8F188 143 143
SandyBrownF4A460244 164 96
GoldenrodDAA520218 165 32
DarkGoldenrodB8860B184 134 11
PeruCD853F205 133 63
ChocolateD2691E210 105 30
SaddleBrown8B4513139 69 19
SiennaA0522D160 82 45
BrownA52A2A165 42 42
Maroon800000128 0 0
Colores blancos
WhiteFFFFFF255 255 2550° 0% 100%
SnowFFFAFA255 250 250
HoneydewF0FFF0240 255 240
MintCreamF5FFFA245 255 250
AzureF0FFFF240 255 255
AliceBlueF0F8FF240 248 255
GhostWhiteF8F8FF248 248 255
WhiteSmokeF5F5F5245 245 245
SeashellFFF5EE255 245 238
BeigeF5F5DC245 245 220
OldLaceFDF5E6253 245 230
FloralWhiteFFFAF0255 250 240
IvoryFFFFF0255 255 240
AntiqueWhiteFAEBD7250 235 215
LinenFAF0E6250 240 230
LavenderBlushFFF0F5255 240 245
MistyRoseFFE4E1255 228 225
Colores grises
GainsboroDCDCDC220 220 220
LightGreyD3D3D3211 211 211
SilverC0C0C0192 192 192
DarkGrayA9A9A9169 169 169
Gray808080128 128 128
DimGray696969105 105 105
LightSlateGray778899119 136 153
SlateGray708090112 128 144
DarkSlateGray2F4F4F47 79 79180° 25% 25%
Black0000000 0 00° 0% 0%

Vídeo: Código de colores en hexadecimal para web.

No hay comentarios:

Publicar un comentario