Paleta hexadecimal de Colores.

Colores Web

 
Los colores web son aquellos colores que aparecen en una en una página web. Se pueden basar sobre los sistemas de color RGB o HSL. En el código CSS (y antiguamente en HTML) son especificados como valores numéricos, aunque hay algunos colores que son nombrados por nombres propios ingleses.
 
 
RGB – Fundamento Teórico
 
La paleta de colores RGB (RVA en español) consta, básicamente, de tres colores primarios aditivos: RojoVerdeAzul Estos colores primarios aditivos, en HTML, están representados por tres pares hexadecimales del tipo ‘0xHH-HH-HH’ según el siguiente formato: (los colores básicos o primarios, no aquellos que son resultantes de mezclas).
#RRGGBB (= #RRVVAA)
Los valores que puede adaptar cada uno de los tres pares hexadecimales van del 0x00 (0 decimal) al 0xFF (255 decimal). Cuanto mayor sea el valor del par, tanto mayor será también la intensidad (matiz, brillo o claridad) del color correspondiente a ese par (y viceversa). Esto implica que el extremo inferior de la escala cromática parte de una intensidad (grado) de color mínima (nulo = par 0x00), pasa por una intensidad de color media (mediano = par 0x80 [128 decimal]) hasta llegar a una intensidad de color máxima (saturado = par 0xFF). El grado de más alta pureza (absoluto) de un color primario aditivo estará determinado por la presencia total del mismo (saturación = 0xFF) junto con la ausencia total (nulidad = 0x00) de los otros dos colores primarios aditivos.
Además de estos tres colores primarios aditivos (RVA), existen tres colores primarios sustractivos o CMY (CMA en español): CianMagentaAmarillo. Estos colores surgen de la siguiente combinación (mezcla) de los primarios aditivos:
Cian = Verde + Azul
Magenta = Rojo + Azul
Amarillo = Rojo + Verde
En cuanto a su grado de pureza, ocurre algo inverso a los colores primarios aditivos, ya que el grado absoluto estará determinado por la nulidad de uno de sus componentes y la saturación de los otros dos. Los colores complementarios de los primarios, tanto aditivos como sustractivos, serán recíprocamente:
Rojo Cian
Verde Magenta
Azul Amarillo
La combinación simultánea de los tres primarios aditivos saturados produce el blanco (0xFFFFFF). Contrariamente, la combinación simultánea de los tresprimarios sustractivos nulos produce el negro (0x000000). Resulta claro también que la combinación de dos colores mutuamente complementarios producirá el blanco, de igual modo que la sustracción (absorción) de ambos dará lugar al negro (ausencia total de color). Así, p. ej., el rojo (0xFF0000) más su complemetario que es el cian (0x00FFFF), generan el blanco (0xFFFFFF). De hecho, el cian no es otra cosa que la sustracción del rojo al blanco. Obsérvense los siguientes gráficos: 

 

Por su parte, el gris mediano (0x808080), que es el exacto término medio entre el negro y el blanco, se obtendrá a partir de la combinación simultánea de los tres primarios aditivos medianos. Análogamente, el gris semisaturado (claro) se obtendrá a partir de la combinación 0xC0C0C0, mientras que el gris seminulo (oscuro) mediante 0x404040. De este modo, tenemos que el resto de los colores, que están comprendidos entre el negro (0x000000) y el blanco (0xFFFFFF), surgen de la combinación de los tres primarios aditivos en distintos grados. En otras palabras: bastará con reemplazar cada uno de los pares 0xHH-HH-HH por un valor comprendido entre 0x00 y 0xFF para obtener cualquiera de los colores posibles.
Existen 16 777 216 combinaciones distintas en el sistema RGB de 24 bits y, por lo tanto, 16 777 216 colores: 256 × 256 × 256 = 16 777 216. En la práctica, sin embargo, puede haber algunas combinaciones que no sean válidas. Eso pasaba antiguamente, cuando la paleta de colores más grande tenía 256 colores (8 bits). Por eso, existen 216 colores seguros, que serán visibles en cualquier dispositivo sin necesidad de tramado, reservándose los otros 40 colores para el sistema, de los cuales algunos se muestran aquí.
 
 
HSL:
En el sistema de colores HSL los colores se miden por tres parámetros (hue, saturation y 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 la base y el tercero es la distancia vertical (altura) del centro de la base.
 
ALPHA:
Un color puede mostrarse con una opacidad determinada en pantalla, que se determina por el parámetro alpha, que, añadido a RGB y HSL, los convierte en RGBa y HSLa.
 
TABLA DE COLORES:
 
Código hex
Código decimal
     
IndianRed
CD5C5C
205 92 92
0° 53% 58%
LightCoral
F08080
240 128 128
0° 79% 72%
Salmon
FA8072
250 128 114
6° 93% 71%
DarkSalmon
E9967A
233 150 122
15° 72% 70%
LightSalmon
FFA07A
255 160 122
17° 100% 74%
Crimson
DC143C
220 20 60
348° 83% 47%
Red
FF0000
255 0 0
0° 100% 50%
FireBrick
B22222
178 34 34
0° 68% 42%
DarkRed
8B0000
139 0 0
0° 100% 27%
     
Pink
FFC0CB
255 192 203
350° 100% 88%
LightPink
FFB6C1
255 182 193
351° 100% 86%
HotPink
FF69B4
255 105 180
330° 100% 71%
DeepPink
FF1493
255 20 147
328° 100% 54%
MediumVioletRed
C71585
199 21 133
322° 81% 43%
PaleVioletRed
DB7093
219 112 147
340° 60% 65%
     
LightSalmon
FFA07A
255 160 122
17° 100% 74%
Coral
FF7F50
255 127 80
16° 100% 66%
Tomato
FF6347
255 99 71
9° 100% 64%
OrangeRed
FF4500
255 69 0
16° 100% 50%
DarkOrange
FF8C00
255 140 0
33° 100% 50%
Orange
FFA500
255 165 0
39° 100% 50%
     
Gold
FFD700
255 215 0
51° 100% 50%
Yellow
FFFF00
255 255 0
60° 100% 50%
LightYellow
FFFFE0
255 255 224
60° 100% 94%
LemonChiffon
FFFACD
255 250 205
54° 100% 90%
LightGoldenrodYellow
FAFAD2
250 250 210
60° 80% 90%
PapayaWhip
FFEFD5
255 239 213
37° 100% 92%
Moccasin
FFE4B5
255 228 181
38° 100% 85%
PeachPuff
FFDAB9
255 218 185
28° 100% 86%
PaleGoldenrod
EEE8AA
238 232 170
55° 67% 80%
Khaki
F0E68C
240 230 140
54° 77% 75%
DarkKhaki
BDB76B
189 183 107
56° 38% 58%
     
Lavender
E6E6FA
230 230 250
240° 67% 94%
Thistle
D8BFD8
216 191 216
300° 24% 80%
Plum
DDA0DD
221 160 221
300° 47% 75%
Violet
EE82EE
238 130 238
300° 76% 72%
Orchid
DA70D6
218 112 214
302° 59% 65%
Fuchsia / Magenta
FF00FF
255 0 255
300° 100% 50%
MediumOrchid
BA55D3
186 85 211
288° 59% 58%
MediumPurple
9370DB
147 112 219
260° 60% 65%
BlueViolet
8A2BE2
138 43 226
271° 76% 53%
DarkViolet
9400D3
148 0 211
282° 100% 41%
DarkOrchid
9932CC
153 50 204
280° 61% 50%
DarkMagenta
8B008B
139 0 139
300° 100% 27%
Purple
800080
128 0 128
300° 100% 25%
Indigo
4B0082
75 0 130
275° 100% 25%
SlateBlue
6A5ACD
106 90 205
248° 53% 58%
DarkSlateBlue
483D8B
72 61 139
248° 39% 39%
     
GreenYellow
ADFF2F
173 255 47
84° 100% 59%
Chartreuse
7FFF00
127 255 0
90° 100% 50%
LawnGreen
7CFC00
124 252 0
90° 100% 49%
Lime
00FF00
0 255 0
120° 100% 50%
LimeGreen
32CD32
50 205 50
120° 61% 50%
PaleGreen
98FB98
152 251 152
120° 93% 79%
LightGreen
90EE90
144 238 144
120° 73% 75%
MediumSpringGreen
00FA9A
0 250 154
157° 100% 49%
SpringGreen
00FF7F
0 255 127
150° 100% 50%
MediumSeaGreen
3CB371
60 179 113
147° 50% 47%
SeaGreen
2E8B57
46 139 87
146° 50% 36%
ForestGreen
228B22
34 139 34
120° 61% 34%
Green
8000
0 128 0
120° 100% 25%
DarkGreen
6400
0 100 0
120° 100% 20%
YellowGreen
9ACD32
154 205 50
80° 61% 50%
OliveDrab
6B8E23
107 142 35
80° 60% 35%
Olive
808000
128 128 0
60° 100% 25%
DarkOliveGreen
556B2F
85 107 47
82° 39% 30%
MediumAquamarine
66CDAA
102 205 170
160° 51% 60%
DarkSeaGreen
8FBC8F
143 188 143
120° 25% 65%
LightSeaGreen
20B2AA
32 178 170
177° 70% 41%
DarkCyan
008B8B
0 139 139
180° 100% 27%
Teal
8080
0 128 128
180° 100% 25%
     
Aqua / Cyan
00FFFF
0 255 255
180° 100% 50%
LightCyan
E0FFFF
224 255 255
180° 100% 94%
PaleTurquoise
AFEEEE
175 238 238
180° 65% 81%
Aquamarine
7FFFD4
127 255 212
160° 100% 75%
Turquoise
40E0D0
64 224 208
174° 72% 56%
MediumTurquoise
48D1CC
72 209 204
178° 60% 55%
DarkTurquoise
00CED1
0 206 209
 
CadetBlue
5F9EA0
95 158 160
 
SteelBlue
4682B4
70 130 180
 
LightSteelBlue
B0C4DE
176 196 222
 
PowderBlue
B0E0E6
176 224 230
 
LightBlue
ADD8E6
173 216 230
 
SkyBlue
87CEEB
135 206 235
 
LightSkyBlue
87CEFA
135 206 250
 
DeepSkyBlue
00BFFF
0 191 255
 
DodgerBlue
1E90FF
30 144 255
 
CornflowerBlue
6495ED
100 149 237
 
MediumSlateBlue
7B68EE
123 104 238
 
RoyalBlue
4,17E+04
65 105 225
 
Blue
0000FF
0 0 255
 
MediumBlue
0000CD
0 0 205
 
DarkBlue
00008B
0 0 139
 
Navy
80
0 0 128
 
MidnightBlue
191970
25 25 112
 
     
Cornsilk
FFF8DC
255 248 220
 
BlanchedAlmond
FFEBCD
255 235 205
 
Bisque
FFE4C4
255 228 196
 
NavajoWhite
FFDEAD
255 222 173
 
Wheat
F5DEB3
245 222 179
 
BurlyWood
DEB887
222 184 135
 
Tan
D2B48C
210 180 140
 
RosyBrown
BC8F8F
188 143 143
 
SandyBrown
F4A460
244 164 96
 
Goldenrod
DAA520
218 165 32
 
DarkGoldenrod
B8860B
184 134 11
 
Peru
CD853F
205 133 63
 
Chocolate
D2691E
210 105 30
 
SaddleBrown
8B4513
139 69 19
 
Sienna
A0522D
160 82 45
 
Brown
A52A2A
165 42 42
 
Maroon
800000
128 0 0
 
     
White
FFFFFF
255 255 255
0° 0% 100%
Snow
FFFAFA
255 250 250
 
Honeydew
F0FFF0
240 255 240
 
MintCream
F5FFFA
245 255 250
 
Azure
F0FFFF
240 255 255
 
AliceBlue
F0F8FF
240 248 255
 
GhostWhite
F8F8FF
248 248 255
 
WhiteSmoke
F5F5F5
245 245 245
 
Seashell
FFF5EE
255 245 238
 
Beige
F5F5DC
245 245 220
 
OldLace
FDF5E6
253 245 230
 
FloralWhite
FFFAF0
255 250 240
 
Ivory
FFFFF0
255 255 240
 
AntiqueWhite
FAEBD7
250 235 215
 
Linen
FAF0E6
250 240 230
 
LavenderBlush
FFF0F5
255 240 245
 
MistyRose
FFE4E1
255 228 225
 
     
Gainsboro
DCDCDC
220 220 220
 
LightGrey
D3D3D3
211 211 211
 
Silver
C0C0C0
192 192 192
 
DarkGray
A9A9A9
169 169 169
 
Gray
808080
128 128 128
 
DimGray
696969
105 105 105
 
LightSlateGray
778899
119 136 153
 
SlateGray
708090
112 128 144
 
DarkSlateGray
2F4F4F
47 79 79
180° 25% 25%
Black
0
0 0 0
0° 0% 0%
 
 
 
 
Fuente:  Wikipedia
 
 
 

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s