domingo, 27 de enero de 2013

Teoría del Color II


Tono, Saturación y valor

Estas tres categorías permiten diferenciar la naturaleza del color, la cual debemos de tener en cuenta.

 TONO: Definición de un valor concreto dentro del espectro de colores. Ejemplo: Rojo, Azul, Verde, Blanco, Negro, etc…

 SATURACIÓN: Define la intensidad de un color, o su grado de pureza. Cuando algún canal registra valor 0, se encuentra saturado o puro, siendo el 100 la máxima saturación y el -100 el color totalmente desaturado.

VALOR: Extremo en el que un color absorbe o refleja la luz. Los colores con un alto contenido de blanco tienen un valor o luminosidad alto. El -100 por 100 representa el negro y el 100 por 100 representa el blanco.

 

Esquemas de color

Estudian la relación o combinación entre colores. Existen diferentes tipos de esquemas.

-Colores complementarios: Potencian la fuerza que transmite una imagen, destacándose mutuamente. Es una herramienta básica del uso de color en tratamiento de imagen. El color complementario del rojo es el verde; del azul el naranja; y de amarillo el violeta. Otra herramienta es el uso de los colores adyacente al complementario de otro, lo que se llama complementario dividido.

-Colores análogos: Se refieren a los adyacentes en la rueda de color. Proporcionan armonía a la imagen, debido a su relación entre colores. Para conseguir buenos resultados, no usar más de un tercio de la rueda de color, así como usar uno de los colores a máxima saturación, apagando el resto.

-Monocromías: Se basa en usar en toda la imagen tonos del mismo color, aclarándolo u oscureciéndolo para el resto de tonos. Proporcionan sutilidad, agradabilidad y consistencia a una composición. Un esquema que solo use blancos, negros y grises es acromático y monocromático a la vez. Este método proporciona imágenes no muy pesadas para Web.

-Colores fríos vs. Colores cálidos: Los colores fríos son la gama comprendida entre los azules, verdes y algunos violetas, mientras los cálidos son los amarillos, rojos, anaranjados y ciertos marrones. Los colores cálidos resaltan en ambientes rodeados de colores fríos, mientras que los fríos relajan un elemento en una composición llamativa y también alivian la tensión, por lo que es útil para fondos o panoramas.
 
Colores
 
A continuación ofrecemos un anexo sobre colores, con sus valores de RGB, así como categoría HTML. (Fuente: http://es.wikipedia.org/wiki/Anexo:Colores)
 
Rojos
Nombre
Muestra
HTML
RGB
HSV
Rojo
#E30013
227
0
19
355°
100%
89%
Almagre
#DC2D22
220
45
34
85%
86%
Bermejo
#D22C21
210
44
33
84%
82%
Bermellón
#E62E1B
230
46
27
88%
90%
Borgoña
#800020
128
0
32
345°
100%
50%
Burdeos, bordó o guinda
#8F2250
143
34
80
335°
76%
56%
Carmesí
#E51A4C
229
26
76
345°
89%
90%
Carmín
#C30B4E
195
11
78
338°
94%
76%
Carmín de alizarina
#A11C55
161
28
85
334°
83%
63%
Coral
#E51D2E
229
29
46
355°
87%
90%
Escarlata
#E30032
227
0
50
347°
100%
89%
Granate
#AB2A3E
171
42
62
351°
75%
67%
Hígado
#891E35
137
30
53
347°
78%
54%
Rojo naranja
#E73C00
231
60
0
16°
100%
91%
Rojo persa
#C81D11
200
29
17
92%
78%
Tomate
#D5303E
213
48
62
355°
77%
84%
Marrones o pardos
Nombre
Muestra
HTML
RGB
HSV
Marrón
#67403A
103
64
58
44%
40%
Ante
#BA8445
186
132
69
32°
63%
73%
Arena
#ECE2C6
236
226
198
44°
16%
93%
Beis o beige
#E8C39E
232
195
158
30°
32%
91%
Blanco navajo
#EBE1C9
235
225
201
42°
14%
92%
Caoba
#A56D5D
165
109
93
13°
44%
65%
Caqui
#E0D8B0
224
216
176
50°
21%
88%
Gamuza
#E6B57E
230
181
126
32°
45%
90%
Herrumbre
#A25E2A
162
94
42
26°
74%
64%
León
#BC8E47
188
142
71
36°
62%
74%
Ocre
#B9935A
185
147
90
36°
51%
73%
Rojo toscano
#79443B
121
68
59
51%
47%
Rojo de Falun
#7C342B
124
52
43
65%
49%
Rojo veneciano
#9B5E4F
155
94
79
12°
49%
61%
Rufo
#CB6D51
203
109
81
14°
60%
80%
Secuoya
#855451
133
84
81
39%
52%
Sepia
#663B2A
102
59
42
17°
59%
40%
Siena
#C58A3E
197
138
62
34°
69%
77%
Siena tostada
#8E372E
142
55
46
68%
56%
Naranjas
Nombre
Muestra
HTML
RGB
HSV
Naranja
#E86100
232
97
0
25°
100%
91%
Amarillo indio
#F5973D
245
151
61
29°
75%
96%
Amarillo naranja
#F79F00
247
159
0
39°
100%
97%
Ámbar
#E2943A
226
148
58
32°
74%
89%
Calabaza
#EDAA7C
237
170
124
24°
48%
93%
Naranja caqui
#E25F23
226
95
35
19°
85%
89%
Llama
#F59622
245
150
34
33°
86%
96%
Amarillos
Nombre
Muestra
HTML
RGB
HSV
Amarillo
#FFE900
255
233
0
55°
100%
100%
Aureolina
#FFE65D
255
230
93
51°
64%
100%
Amarillo Hansa
#FFDF00
255
223
0
52°
100%
100%
Amarillo Nápoles
#ECCD6A
236
205
106
46°
55%
93%
Chartreuse
#BFBF6C
191
191
108
60°
43%
75%
Crema
#FFF0C9
255
240
201
43°
21%
100%
Junquillo
#EFD52E
239
213
46
52°
81%
94%
Limón
#E5DE43
229
222
67
57°
71%
90%
Oro
#EAB732
234
183
50
43°
79%
92%
Verde amarillo
#C6CE00
198
206
0
62°
100%
81%
Verdes
Nombre
Muestra
HTML
RGB
HSV
Verde
#00913F
0
145
63
146°
100%
57%
Azul verde
#009C8C
0
156
140
174°
100%
61%
Verde ceniza
#5F7F7A
95
127
122
171°
25%
50%
Esmeralda
#009975
0
153
117
166°
100%
60%
Verde Hooker
#3B7861
59
120
97
157°
51%
47%
Verde oliva
#86895D
134
137
93
64°
32%
54%
Verde Veronés
#009B7D
0
155
125
168°
100%
61%
Viridián
#00825A
0
130
90
162°
100%
51%
 Azules claros
Nombre
Muestra
HTML
RGB
HSV
Cian
#00A5E6
0
165
230
197°
100%
90%
Aguamarina
#9FD5D1
159
213
209
176°
25%
84%
Azul aciano
#8892C6
136
146
198
230°
31%
78%
Cerúleo
#0096D2
0
150
210
197°
100%
82%
Celeste
#00AAE4
0
170
228
195°
100%
89%
Turquesa
#5DC1B9
93
193
185
175°
52%
76%
Azules medianos y oscuros
Nombre
Muestra
HTML
RGB
HSV
Azul
#0070B8
0
112
184
203°
100%
72%
Añil
#094293
9
66
147
215°
94%
58%
Azul cobalto
#333C87
51
60
135
234°
62%
53%
Azul de Prusia
#003153
0
49
83
205°
100%
33%
Azul Majorelle
#5564EB
85
100
235
234°
64%
92%
Azul ultramar
#0A497B
10
73
123
207°
92%
48%
Turquí
#122562
18
37
98
216°
100%
42%
Zafiro
#6576B4
101
118
180
227°
44%
71%
Púrpuras y violetas
Nombre
Muestra
HTML
RGB
HSV
Violeta o azul púrpura
#4C2882
76
40
130
264°
69%
51%
Amatista
#898AC0
137
138
192
239°
29%
75%
Lirio
#7F69A5
127
105
165
262°
36%
65%
Morado
#572364
87
35
100
288°
65%
39%
Púrpura
#7D2181
125
33
129
298°
74%
51%
Púrpura de Tiro
#4E0041
78
0
65
310°
100%
31%
Violín
#A10684
161
6
132
311°
96%
63%
Rosados
Nombre
Muestra
HTML
RGB
HSV
Magenta
#E4007C
228
0
124
327°
100%
89%
Rosa
#F9CBCA
249
203
202
19%
98%
Carne o piel
#FDDDCA
253
222
202
24°
20%
99%
Fucsia
#E30052
227
0
82
338°
100%
89%
Rojo púrpura
#E40078
228
0
120
328°
100%
89%
Rosa coral
#EB636B
235
99
107
356°
58%
92%
Rosa mexicano
#E4007C
228
0
124
327°
100%
89%
Salmón
#F29175
242
145
117
13°
52%
95%
Blancos
Nombre
Muestra
HTML
RGB
HSV
Blanco
#FFFFFF
255
255
255
—°
0%
100%
Blanco de cinc
#FAFBFD
250
251
253
220°
1%
99%
Grises
Nombre
Muestra
HTML
RGB
HSV
Gris
#9B9B9B
155
155
155
—°
0%
61%
Bistre
#80755A
128
117
90
43°
30%
50%
Gris ceniza
#CDCDCD
205
205
205
—°
0%
80%
Gris de Davy
#555555
85
85
85
0%
33%
Gris de Payne
#536878
83
104
120
206°
31%
47%
Gris frío
#82A1B1
130
161
177
200°
27%
69%
Lino
#D7D0B7
215
208
183
47°
15%
84%
Negros
Nombre
Muestra
HTML
RGB
HSV
Negro
#000000
0
0
0
—°
0%
0%
Carbón
#191919
25
25
25
—°
0%
10%
Cordobán
#3B2A21
59
42
33
21°
44%
23%
Negro bujía
#2D3323
45
51
35
83°
31 %
20%
Negro de humo
#1C0D02
28
13
2
25°
93%
11 %
 
Esmaltes y metales heráldicos
Nombre
Muestra
HTML
RGB
HSV
Gules
#ED1C24
237
28
36
358°
88%
93%
Azur
#0071BC
0
113
188
204°
100%
74%
Sinople
#008F4C
0
143
76
152°
100%
56%
Púrpura
#630B57
99
11
87
308°
89%
39%
Sable
#000000
0
0
0
—°
0%
0%
Oro
#EAC102
234
193
2
49°
99%
92%
Plata o argén
#E3E4E5
227
228
229
210°
1%
90%
Morado
#8C004B
140
0
75
328°
100%
55%
Sanguíneo
#C00000
192
0
0
100%
75%
Leonado
#CD5700
205
87
0
25°
100%
80%
Anaranjado
#FF6600
255
102
0
24°
100%
100%
Carnación
#FCD1C6
252
209
198
12°
21%
99%
Celeste
#51D1F6
81
209
246
193°
67%
96%
Cenizo
#808080
128
128
128
0%
50%
Colores institucionales y reglamentarios
Nombre
Muestra
HTML
RGB
HSV
Rosso Corsa (Rojo Ferrari)
#CC0000
204
0
0
100%
80%
Portland orange
#FF5A36
255
90
54
11°
79%
100%
Amarillo selectivo
#FFBA00
255
186
0
44°
100%
100%
Ámbar (ECE/SAE)
#FF7E00
255
126
0
30°
100%
100%
British racing green
#004225
0
66
37
154°
100%
26%
Azul Brandeis
#0061A9
0
97
169
206°
100%
66%
Azul Columbia
#D1EBF7
209
235
247
199°
15%
97%
Azul Eton
#96C8A2
150
200
162
134°
25%
78%
Azul Tiffany
#81D8D0
—°
—%
—%
Duke blue
#001A57
0
0
156
160°
240%
73%
Tufts blue
#417DC1
72
145
206
208°
70%
100%
UCLA blue
#536895
83
104
149
221°
44%
58%
Colores HTML
Nombre
Muestra
HTML
RGB
HSV
Tan
#D2B48C
210
180
140
34°
33%
82%
Wheat
#F5DEB3
245
222
179
39°
26%
96%
Lemon chiffon
#FFFACD
255
250
205
54°
20%
100%
Spring green
#00FF7F
0
255
127
150°
100%
100%
Cadet blue
#5F9EA0
95
158
160
182°
41%
63%
Steel blue
#4682b4
70
130
180
207°
61%
71%
Thistle
#D8BFD8
216
191
216
300°
12%
85%
Ghost white
#F8F8FF
248
248
255
24°
3%
100%
Lavender blush
#FFF0F5
255
240
245
340°
6%
100%
Old lace
#FDF5E6
253
245
230
40°
6%
100%
Sea shell
#FFF5EE
255
245
238
25°
7%
100%
Battleship grey
#848482
132
132
130
60°
2%
52%
Colores foráneos
Nombre
Muestra
HTML
RGB
HSV
Cardinal
#C41E3A
196
30
58
350°
85%
77%
Lava
#CF1020
207
16
32
355°
92%
81%
Upsdell red
#AE2029
174
22
32
356°
82%
68%
Wine
#722F37
114
47
55
353°
59%
45%
Persian orange
#D99058
217
144
88
26°
59%
85%
Sunset
#FAD6A5
250
214
165
35°
34%
98%
Fallow
#C19A6B
193
154
107
33°
45%
76%
Tawny
#CD5700
205
87
0
25°
100%
80%
Wenge
#645452
100
84
82
18%
39%
Icterine
#FCF75E
252
247
94
58°
63%
99%
Mikado yellow
#FFC40C
255
196
12
187°
100%
33%
Alice blue
#91A3B0
145
163
176
205°
18%
69%
Pink-orange
#FF9966
255
153
102
20°
60%
100%
Cadet
#536878
83
104
120
206°
31%
47%
Cadet grey
#91A3B0
145
163
176
205°
18%
69%
Otros
Nombre
Muestra
HTML
RGB
HSV
Café cortado cósmico
#FFF8E7
255
248
231
42°
9%
100%