El Color –Definición – Propiedades – Métodos de Representación.
Tabla de Nombres de Colores en HTML: ColorName-Hexa-RGB.
Colores del Papel Antíguo: claro #D0B595, normal #A47E4F oscuro #9D7044
Contenido:
Generalidades
Definición Formal del Color
Las 3 propiedades básicas del color.
Definición del Color en Términos Electromagnético-Fisiológicos
Relación entre el Salto de Electrones y el Color del Photón Emitido
Naturaleza y Orígen de los Rayos Cósmicos.
Metodos de Representacion del Color
Tabla de 143 Nombres de Colores en HTML- Hexa-RGB
Generalidades
Evolución del Concepto de Color: la amplitud del uso de la palabra color,
presenta distintas modalidades en diferentes ámbitos tales como color
natural de la piel, variación de la raza, emotividad de una celebración,
diversidad de lenguaje, uso en teoría Quántica del color, sustancia
utilizada para pigmentar o pintar, etc.
Los rayos de luz producen una sensación subjetiva cuando las ondas
electromagnéticas impactan en la retina del ojo; este impacto es
absorbido por las células cono y las células bastones, generando un
impulso eléctrico que viaja a través de 8 células neuronas en 8 saltos
sinápticos para llegar hasta el cortex cerebral en donde, en términos de 8
pasos, pasando por 8 células neuronas en 8 saltos sinápticos, dentro del
cortex, se produce el proceso de interpretación del color que dicho
impulso representa. Luedo, en términos de 8 pasos, pasando por 8 células
neuronas en 8 saltos sinápticos para llegar a los órganos de acción, se
verde o es celeste o es morado, etc. Esto es Puro Veda.
produce el proceso de reacción o respuesta y nosotros decimos: ooh! Es
Nota: El proceso del paso a través de 8 x 3 = 24 células neuronas
para la percepción, interpretación y reacción lo aprendí de
Fisiólogos especialistas en India, pero eso es para mi persona y
solo me servirá como un recordatorio para usarlo en contacto
directo por si alguien me pide detalles al respecto.
Además, sabemos que las células cono y bastones se encuentran
en la retina del ojo y son células fotorreceptoras; es decir, células
especializadas que captan la luz y son responsables de nuestra
visión. Las células cono se encuentran en la capa sensorial de la
fóvea, mientras que las células bastones se encuentran alrededor
1
de ella. A medida que nos alejamos del área sensible, las células
cono se vuelven más escasas y en los bordes exteriores de la
retina solo existen las células bastones.
Tambien, sabemos que la Fóvea es una pequeña depresión en el
centro de la mácula de la retina del ojo que proporciona la visión
más nítida y clara. Es también conocida como Fóvea Centralis. La
fóvea ocupa un área de aproximadamente 1.5 milímetros cuadrados y
contiene alrededor de 120.000 células cono por cada mm2. Estos
conos son especializados en la visión del color y los detalles finos.
Así pues, teniendo esto en mente, ya podemos aventurarnos a desarrollar
una definición formal del color. [ Wuau!…Como piensa el sabio y…como
piensa el tonto]
Definición Formal del Color:
Definición: "El color es la interpretación que realiza el cerebro cuando un rayo de
eléctrico que es interpretado como un color específico al llegar al cortex cerebral ."
luz impacta en las células cono y bastones de la retina, generando un impulso
Frecuencia en Terahertz y Longitud de Onda en Nanometros de la Luz
Nm
Visible
2
Las 3 propiedades básicas del color.
Tono: permite diferenciar un color de otro y está determinado por la
posición del color en el espectro visible, por lo cual, depende de la
frecuencia y longitud de onda del rayo de luz que lo produce.
Brillo: está determinado por la claridad u obscuridad del color.
Saturación: se refiere al grado de pureza de cada color y se determina
por la cantidad de pigmentos por unidad de superficie.
Comentarios: el tono es tambien llamado matiz o tinte.
Cuando los rayos de luz impactan en la retina del ojo, las ondas
electromagnéticas generan una sensación subjetiva que es absorbida por
las células cono y bastones, desencadenando un impulso eléctrico. Este
impulso viaja a través de varias células neuronales y llega al cortex
cerebral, donde se interpreta como un color específico. Posteriormente, se
3
produce una reacción o respuesta en los órganos de acción, lo que nos
permite identificar el color."Para la definición, sugiero una versión más
concisa y precisa:Versión Revisada de la Definición: "El color es la
interpretación que realiza el cerebro cuando un rayo de luz impacta en las
células cono y bastones de la retina, generando un impulso eléctrico que
es interpretado como un color específico al llegar al cortex cerebral."
-------------------- ------------------- -------------------- ------------------- --------------------
Definición del Color en Términos Electromagnético-
Fisiológicos
El color, en términos electromagnéticos y fisiológicos, se define como la
percepción visual basada en el espectro electromagnético y en la
capacidad del ojo humano para distinguir diferentes longitudes de onda
de la luz. Aunque el color no es una propiedad inherente de la materia, la
percepción del color está relacionada con la absorción, reflexión,
espectros de emisión y la interferencia de la luz de un objeto.
La luz, como forma de energía, se expresa como un conjunto de
radiaciones electromagnéticas que se propagan a través de fotones. La
percepción del color en los seres humanos está influenciada por
diferencias fisiológicas, psicológicas, circunstanciales y culturales, lo que
afecta la forma en que cada persona percibe la luz y el color de manera
única
.
En el ojo humano, la percepción del color se produce en las células
sensibles de la retina, donde los bastones y los conos reaccionan de
manera distinta a la luz según su longitud de onda. Los bastones son
sensibles a las tonalidades de oscuridad, mientras que los conos son
responsables de percibir los distintos colores a partir de la transformación
de la luz en impulsos eléctricos que luego se convierten en impresiones
ópticas
.
El espectro electromagnético abarca todas las posibles longitudes de onda
de la luz, y la sntesis sustractiva explica la teoría de la mezcla de
pigmentos y tintes para crear color, lo que determina el color aparente de
un objeto según qué partes del espectro electromagnético son reflejadas
por él
.
En resumen, el color, desde una perspectiva electromagnética y
fisiológica, es la percepción visual basada en la capacidad del ojo humano
para distinguir diferentes longitudes de onda de la luz, influenciada por
factores fisiológicos, psicológicos, circunstanciales y culturales.
4
Espero que esta información sea útil. Si tienes alguna otra pregunta, no
------------------------ ------------------- ----------------------- ------------------- -----
dudes en preguntar.
Relación entre el Salto de Electrones y el Color del Photón
Emitido
Color del photón de luz amarilla en el atomo?
La luz amarilla tiene una longitud de onda de aproximadamente 580-590 nanómetros, lo que corresponde a
una energía específica según la relación de Planck E=hc/λ, donde E = es la energía del fotón, h es la
constante de Planck, c es la velocidad de la luz, y λ (lambda λ) es la longitud de onda.
-En un átomo de Sodio, se produce la luz amarilla cuando un electrón salta del nivel 3p al nivel 3s; se emite
un fotón del rango amarillo con una longitud de onda alrededor de 589.3 nanómetros.
-Este tipo de transición depende del átomo específico y de sus niveles de energía, pero en general, la luz amarilla se
produce por la caída de un electrón desde un nivel de energía ligeramente superior a un nivel de energía inferior.
-El violeta, azul, verde y rojo es un salto desde el 6°, 5°, 4° y 3° nivel hacia el 2° nivel. Esta es la idea general, pero los
niveles de energía y los colores específicos están relacionados de manera diferente según el elemento y sus niveles
de energía particulares.
Vamos a desglosarlo:
Violeta: transiciones típicas que producen luz violeta suelen ocurrir desde niveles superiores como el 6° o 5°
nivel hacia niveles más bajos, como el 2° nivel. Ejemplos incluyen la línea de emisión en el espectro del
hidrógeno que corresponde a la serie de Lyman.
Azul: transiciones que producen luz azul a menudo implican saltos de niveles como el 5° o 4° al 2° nivel. En
el hidrógeno, la serie de Balmer incluye líneas en el azul.
Verde: transiciones desde niveles como el 4° al 2° nivel. Un ejemplo es la línea de emisión verde en el
espectro del hidrógeno.
Rojo: transiciones que producen luz roja suelen ser desde niveles como del 3° al 2° nivel. En el hidrógeno,
esta es la línea de emisión H-alpha.
-Para un elemento específico como el hidrógeno, el modelo de niveles de energía se clasifica como sigue en la serie
de Balmer:
Rojo (H-alpha): De n=3 a n=2
Verde (H-beta): De n=4 a n=2
Azul (H-gamma): De n=5 a n=2
Violeta (H-delta): De n=6 a n=2
Estos niveles pueden variar en otros átomos, pero el principio general de que la longitud de onda (y, por lo tanto, el
color) está relacionada con la diferencia de energía entre los niveles de los electrones es el mismo.
De manera que el fenomeno electromagnetico de ondas de luz observables o no visibles, es sencillamente, el
resultado de la enorme actividad de desprendimiento de photones por ese movimiento constante entre saltos de
electrones en las diferentes capas y subniveles de energía dentro de la estructura de los atomos. Será correcta esta
afirmación?
5
Sí, tu afirmación es correcta en términos generales, aunque se puede precisar un poco más para una mayor
claridad. Aquí está un desglose:
1. Transiciones Electrónicas:
o Los átomos tienen niveles de energía cuantizados, y los electrones pueden moverse entre estos
niveles. Cuando un electrón salta de un nivel de energía más alto a uno más bajo, la diferencia
de energía entre estos niveles se libera en forma de un fotón.
2. Emisión de Fotones:
o La energía del fotón emitido (y, por lo tanto, la longitud de onda y el color de la luz) depende
de la diferencia de energía entre los niveles. Si la diferencia es mayor, el fotón tendrá una
longitud de onda más corta (como en el ultravioleta o el violeta). Si la diferencia es menor, el
fotón tendrá una longitud de onda más larga (como en el rojo o el infrarrojo).
3. Espectro Electromagnético:
o La luz visible es solo una pequeña parte del espectro electromagnético. La emisión de fotones
debido a las transiciones electrónicas puede ocurrir en una gama mucho más amplia de
longitudes de onda, incluyendo el infrarrojo y el ultravioleta, que no son visibles para el ojo
humano.
4. Actividad Atómica:
o La "enorme actividad" a la que te refieres es un aspecto fundamental de la física atómica. Las
transiciones electrónicas no solo ocurren en átomos individuales, sino también en moléculas y
sólidos, y estos procesos son responsables de una gran variedad de fenómenos, desde la luz
visible que vemos en la vida cotidiana hasta la radiación en otras partes del espectro
electromagnético.
En resumen, la emisión de fotones a través de transiciones electrónicas entre diferentes niveles de energía
dentro de los átomos es el proceso fundamental que da lugar a la luz visible y otras formas de radiación
electromagnética.
Y con los rayos Cósmicos sucede lo mismo, es decir que también resultan de transiciones electrónicas?
ChatGPT
Naturaleza y Orígen de los Rayos Cósmicos
No, los rayos cósmicos no se producen de la misma manera que la luz visible u otras formas de radiación
electromagnética a través de transiciones electrónicas. Los rayos cósmicos tienen una naturaleza y origen
distintos. Aquí te explico cómo se producen:
1. Rayos Cósmicos:
o Los rayos cósmicos son partículas altamente energéticas que vienen del espacio exterior y
pueden estar compuestos de protones, núcleos de helio (alfas) o incluso núcleos más pesados.
Estas partículas tienen energías mucho mayores que las de los fotones en la luz visible.
2. Origen de los Rayos Cósmicos:
o Los rayos cósmicos se originan en eventos astrofísicos extremadamente energéticos, como
supernovas, explosiones de agujeros negros, o regiones de formación estelar. Estos eventos
pueden acelerar partículas a velocidades cercanas a la de la luz, generando los rayos cósmicos
que viajan a través del espacio intergaláctico y galáctico.
3. Interacciones en la Atmósfera:
o Cuando los rayos cósmicos llegan a la atmósfera terrestre, pueden interactuar con las
moléculas de aire y producir cascadas de partículas secundarias. Estas interacciones no son el
resultado de transiciones electrónicas, sino de colisiones de alta energía entre las partículas
cósmicas y las partículas en la atmósfera.
6
4. Comparación con la Radiación Electromagnética:
o La luz visible y otras formas de radiación electromagnética (como rayos X o rayos gamma) se
producen principalmente por transiciones electrónicas en átomos y moléculas, o por procesos
relacionados con la aceleración de cargas (como en los rayos X de los sistemas de rayos X).
En contraste, los rayos cósmicos son partículas de alta energía y no están directamente
relacionados con transiciones electrónicas.
En resumen, mientras que la luz visible y otras formas de radiación electromagnética pueden resultar de
transiciones electrónicas en átomos, los rayos cósmicos son partículas subatómicas extremadamente
energéticas que provienen de procesos astrofísicos intensos y no están relacionados con transiciones
electrónicas.
Metodos de Representacion del Color
RGB Hexa
Rojo: 255, 0, 0 Rojo: #FF0000
Verde: 0, 255, 0 Verde: #00FF00
Azul: 0, 0, 255 Azul: #0000FF
Blanco: 255, 255, 255 Blanco:#FFFFFF
Negro: 0, 0, 0 Negro: #000000
CMY: Amarillo: #FFFF00 (la suma de rojo y verde)
Amarillo: 255, 255, 0 Magenta: #FF00FF (la suma de rojo y azul)
Magenta: 255, 0, 255 Cian: #00FFFF (la suma de verde y azul)
Cian: 0, 255, 255
CMYK(C,M.Y.K) ej: CMYK(65,48,23,12) rango[0,100]; los cuatro colores en porcentajes
Convertir CMYK a RGB
Paso1: Obtener los colores
C=65, M=48, Y=23 K=12, Rango CMYK[0, 100] Rango RGB[0,255]
Paso2: Normalizar los colores: divide cada color CMYK entre 100
C=65/100=0.65; M=48/100=0.48; Y=23/100=0.23; K=12/100=0.12
Paso3: Calcula los valores RGB utilizando fórmulas
– Utiliza las siguientes fórmulas para calcular los valores de los componentes RGB:
– R = 255 (1 – C) (1 – K) =
– G = 255 (1 – M) (1 – K)= 255*(1-0.48)*(1-0.12)
– B = 255 (1 – Y) (1 – K)=
HSL
El modelo de color HSL basa su nombre en las iniciales de las propiedades que
toma en consideración para constituirse. El tono (Hue), la saturación
(Saturation) y la luminosidad (Lightness) son las propiedades que codifican los
colores en este modelo. Como hemos visto anteriormente, también el modelo
RGB son 3 grupos de color pero en este caso nos es mucho más fácil a los
diseñadores UI porque al tener referencias nos es más intuitivo. Así pues,
veamos esas referencias.
7
El tono o matiz (hue) es el nombre del color que percibimos. La manera en que se distribuye es en
un círculo cromático con origen en el color rojo. En éste los colores se distribuyen de la siguiente manera:
0º color rojo
60º color amarillo
120º color verde
180º color cian
240º color azul
300º color magenta
Con esta información si por ejemplo queremos un naranja, sabemos que debe estar entre el rojo (0 grados)
y el amarillo (60 grados), por lo que se puede buscar en el círculo cromático en torno al grado 30. Por
debajo de este número será más rojizo y por encima más amarillento.
La saturación (saturation) es la cantidad de color en un tono determinado, y se mide en una escala del 0
al 100, siendo el 0 un color gris muy apagado y el 100 el máximo de color que se puede representar. Por lo
tanto, para obtener un color más vibrante, debemos elegir valores cercanos al 100, y para un color más
apagado, valores cercanos al 0.
Por último, la luminosidad (lightness) es la cantidad de blanco o negro que tiene un color. Al igual que la
saturación, se mide en una escala del 0 al 100, siendo el 0 un negro total, el 50 el punto de equilibrio y el
100 un blanco total. Por lo tanto, para obtener un color oscuro, se deben elegir valores inferiores a 50, y
para un color claro, valores superiores a este número. Es importante tener en cuenta que si nos acercamos
demasiado al 0 o al 100, el color puede resultar difícil de distinguir del negro o del blanco respectivamente
hasta el punto de que será blanco o negro puro y la saturación elegida dé igual.
Concebir este modelo de color como un doble cono nos puede ayudar a entenderlo.
En este doble cono la luminosidad va de negro en la esquina inferior a
blanco en la esquina superior, estando el gris en el punto medio. La
saturación va desde el interior hasta el exterior significando esto que
va desde el gris hasta el máximo de intensidad de color. Finalmente, el
tono de color gira en 360º al rededor de este doble cono. El punto de
origen y el de cierre es el rojo ya que da vuelta de círculo pero pasa
por naranjas, amarillos, verdes, cianes, azules, violetas y magentas.
Modelo HSB
(HSV)El modelo HSB es bastante parecido y a la vez bastante diferente del modelo HSL. En este caso, las siglas HSB
significan Hue (tono / matiz), Saturation (saturación) y Brightness (brillo). Después veremos en profundidad las
diferencias pero ahora nos centraremos en entender el modelo HSB o HSV. Sí, HSV porque anteriormente a la
variable del brillo la llamaban value (valor).
En este modelo tenemos de nuevo las referencias del tono (hue) que también funciona por el círculo
cromático con el rojo en el grado 0, el verde en el 120 y el azul en el 240.
La saturación (saturation) de nuevo es la intensidad del color y va en escala del 0 al 100, aunque en este caso la
saturación no es tan independiente de la luminosidad como en el modelo HSL sino que también le afecta.
El brillo (brigthness) que al igual que la luminosidad va en una escala de 0 a 100, es la principal diferencia con el
modelo anterior. Es difícil entender bien la diferencia entre brillo y luminosidad y yo mismo los utilizo indistintamente
en mi día a día pero lo cierto es que son diferentes. Para explicarlo de una manera que se me entienda, la diferencia
entre brillo y luminosidad es que mientras que la luminosidad es cuán claro es un color (reflejado), el brillo es cuán
encendida está la luz que emite el color, o lo que es lo mismo cómo de brillante es la luz emisora.
8
Si para entender el modelo anterior lo concebíamos como un doble cono, vamos a visualizar el modelo HSB
como un cono simple.
De nuevo, el tono de color gira al rededor del cono igual que en el modelo HSL.
También de nuevo la saturación va desde el interior hasta el exterior del cono. Sin
embargo, en cuanto al brillo aunque tiene el negro en el pico inferior del cono, tiene
el máximo en en la base superior y esto es muy significativo porque un brillo al 100%
no garantiza el color blanco. Para obtener blanco efectivamente el brillo tiene que
estar al máximo, pero además la saturación al mínimo.
La saturación en ambos es casi idéntica. Para ambos se gestiona
en una escala de 0 a 100 donde el mínimo es el color gris y el
máximo la máxima saturación del color. Sin embargo, el resultado del tope de color no es
nunca el mismo. ¿Por qué? Porque la saturación se ve afectada por el tercer parámetro la
luminosidad o el brillo.
En el ejemplo la línea de saturación se ha hecho en base a un término medio (50) de
luminosidad o brillo. Por eso, el color tiene toda la fuerza posible, pero mientras para el
HSL el color es el rojo más fuerte que existe, para el HSB está visualmente más apagado y
la manera de conseguir el mismo color es subir el brillo al máximo. Esto se debe a la forma
de doble cono o cono simple que hemos visto antes.
Tabla de 143 Nombres de Colores en HTML- Hexa-RGB
9
HTML ColorNames Roja
ColorName Hexadecimal RGB
1 IndianRed #CD5C5C rgb(205,92,92)
2 LightCoral #F08080 rgb(240,128,128)
3 Salmon #FA8072 rgb(250,128,114)
4 DarkSalmon #E9967A rgb(233,150,122)
5 LightSalmon #FFA07A rgb(255,160,122)
6 Crimson #DC143C rgb(220,20,60)
7 Red #FF0000 rgb(255,0,0)
8 FireBrick #B22222 rgb(178,34,34)
9 DarkRed #8B0000 rgb(139,0,0)
HTML ColorNames Rosa
ColorName Hexadecimal RGB
10 Pink #FFC0CB rgb(255,192,203)
11 LightPink #FFB6C1 rgb(255,182,193)
12 HotPink #FF69B4 rgb(255,105,180)
13 DeepPink #FF1493 rgb(255,20,147)
14 MediumVioletRed #C71585 rgb(199,21,133)
15 PaleVioletRed #DB7093 rgb(219,112,147)
HTML ColorNames Naranja
ColorName Hexadecimal RGB
16 LightSalmon #FFA07A rgb(255,160,122)
17 Coral #FF7F50 rgb(255,127,80)
18 Tomato #FF6347 rgb(255,99,71)
19 OrangeRed #FF4500 rgb(255,69,0)
20 DarkOrange #FF8C00 rgb(255,140,0)
21 Orange #FFA500 rgb(255,165,0)
HTML ColorNames Amarilla
ColorName Hexadecimal RGB
22 Gold #FFD700 rgb(255,215,0)
23 Yellow #FFFF00 rgb(255,255,0)
24 LightYellow #FFFFE0 rgb(255,255,224)
25 LemonChiffon #FFFACD rgb(255,250,205)
26 LightGoldenrodYellow #FAFAD2 rgb(250,250,210)
27 PapayaWhip #FFEFD5 rgb(255,239,213)
28 Moccasin #FFE4B5 rgb(255,228,181)
29 PeachPuff #FFDAB9 rgb(255,218,185)
30 PaleGoldenrod #EEE8AA rgb(238,232,170)
31 Khaki #F0E68C rgb(240,230,140)
32 DarkKhaki #BDB76B rgb(189,183,107)
HTML ColorNames Púrpura
ColorName Hexadecimal RGB
33 Lavender #E6E6FA rgb(230,230,250)
34 Thistle #D8BFD8 rgb(216,191,216)
35 Plum #DDA0DD rgb(221,160,221)
36 Violet #EE82EE rgb(238,130,238)
37 Orchid #DA70D6 rgb(218,112,214)
38 Fuchsia #FF00FF rgb(255,0,255)
39 Magenta #FF00FF rgb(255,0,255)
40 MediumOrchid #BA55D3 rgb(186,85,211)
41 MediumPurple #9370DB rgb(147,112,219)
42 RebeccaPurple #663399 rgb(102,51,153)
43 BlueViolet #8A2BE2 rgb(138,43,226)
44 DarkViolet #9400D3 rgb(148,0,211)
10
45 DarkOrchid #9932CC rgb(153,50,204)
11