Investigación Sobre Colores PDF

FUNDAMENTOS PROGRAMACION WEB
CORPORACION UNIVERSITARIA MINUTO DE DIOS
Investigación sobre colores
AUTORES:
José Iván Hernández Pava
Brian David Lozano Guarín
EL DOCENTE:
Jesús María Osuna Zabaleta
EN LA ASIGNATURA DE:
Fundamentos Programación Web
Corporación Universitaria Minuto De Dios

Programa De Tecnología en Informática
Cuarto Semestre
Cundinamarca
Girardot
2018
1
Tabla de contenido
1. Introducción ......................................................................................................................4
2. Teoria de Color ..................................................................................................................5
2.1.Fisiología del color ....................................................................................................5
2.2.Historia del Color ......................................................................................................5
2.3.Definición del Color ..................................................................................................6
2.4.Síntesis Aditiva..........................................................................................................6
3. Clasificaciones de Colores .................................................................................................6
3.1.Colores Primarios ......................................................................................................6
3.2. Colores Secundarios .......................................................................................................... 8
3.3. Colores Intermedios ..................................................................................................8
4. Propiedades de Colores .....................................................................................................8

4.1.Matiz..........................................................................................................................9
4.2. Valor o Luminosidad ......................................................................................................... 9
4.3. Saturación o Brillo.....................................................................................................9
5. Escala de Valores ...............................................................................................................9

6. Circulo Cromático ...........................................................................................................10
7. Armonía del Color ...........................................................................................................11
7.1.Tipos de Armonía ....................................................................................................11
7.1.1. Armonía en Complementarias ....................................................................... 11
7.1.2. Armonía de Adyacentes ................................................................................. 11
7.1.3. Armonía en Analogía ..................................................................................... 11
7.1.4. Armonía en Triadas ........................................................................................ 11
8. Psicología del Color en el Diseño Web ...........................................................................11

8.1.Psicología del Rojo ..................................................................................................12
8.2. Psicología del Amarillo................................................................................................... 12
8.3. Psicología del Naranja .............................................................................................12
8.4. Psicología del Verde ................................................................................................13
8.5. Psicología del Azul ..................................................................................................13
8.6. Psicología del Morado .............................................................................................13
2
8.7. Psicología del Blanco ..............................................................................................13

8.8. Psicología del Marrón .............................................................................................14
8.9. Psicología del Negro ...............................................................................................14
8.10. Psicología del Gris ......................................................................................14
8.11. Psicología del Rosa.....................................................................................15
9. Tabla de Colores ..............................................................................................................15

10. Cinco reglas sobre el color: El éxito de un diseño web profesional .............................16
11. Reglas básicas para combinar correctamente los colores de tu sitio web ...................17
12. Como Agregar Color .......................................................................................................18
13. Conclusión .......................................................................................................................19
14. Bibliografía .......................................................................................................................20
3
1. Introducción
Este articulo tiene como finalidad mostrar las principales herramientas que podemos utilizar
cuando no adentramos en la elaboración de páginas web es sin duda el color que le podemos
brindar a ella y a nuestro futuros usuarios.
El colorido de una página web nos lleva a atrapar más Clientes o en el peor de los casos a
ahuyentarlos.
Por eso el uso del mismo debe ser siempre el adecuado, sin sobrepasarnos de lo extravagantes ni
quedar cortos en el ensamble del diseño, y así lograr obtener el resultado esperado. Aquí
veremos un poco de lo que es la historia del color y las diferentes formas de introducirlo en el
diseño de una página virtual, con sus diferentes requisitos y consejos para elaborarla dentro de
los parámetros establecidos para que el entorno sea agradable y guste al usuario.
4
2. Teoría de Colores
2.1. Fisiología del Color
En el fondo del ojo existen millones de células especializadas en detectar distintas longitudes
de onda procedentes de nuestro entorno.
Estas maravillas células, principalmente los conos y los bastoncillos, recogen las diferentes
partes del espectro de luz solar y las transforman en impulsos eléctricos, que son enviados al
cerebro a través de los nervios ópticos. El cerebro es el encargado de crear la sensación del
color realizando una asignación de un color a cada longitud de onda visible. (Y., 2017)
2.2. Historia del color
El color ha existido desde el origen del universo, pero no siempre sea pensado y opinado lo
mismo sobre él, sobre su origen o composición. Con la historia del color nos referimos a la
evolución del concepto y definición del color a lo largo de su historia.
El color nos produce sensaciones, sentimientos y emociones. Induce diferentes estados de
ánimo, transmite mensajes, expresa valores, situaciones y sin embargo existe más allá de
nuestra percepción visual.
El color ha sido estudiado, por científicos, físicos, filósofos y artistas. Cada uno en su campo
llegó a diversas conclusiones que, en ocasiones, fueron buenos puntos de partida para
posteriores estudios y para todo lo que hoy sabemos del color.
Hace, al menos, 35.000 años que nos expresamos mediante colores. Nuestros antepasados se
maquillaban y decoraban sus cuevas. En las pinturas rupestres se usaban pocos colores: rojos,
ocres y negros, que se obtenían de carbón vegetal y algunos minerales, mezclados con grasa
animal o resinas vegetales. Las primeras teorías llegaron al filósofos Aristóteles que
sentencio que todos los colores se forman con la mezcla de cuatro básicos que era los colores
de la tierra, el agua, el fuego y el cielo.
Entre el renacimiento Leonardo Da Vinci definió al color como algo propio de la materia.
Confeccionó la siguiente escala de colores básicos: primero el blanco como el principal, ya
que permite recibir a todos los demás colores; después el amarillo para la tierra, verde agua,
azul cielo y rojo fuego. Por último, el negro para la oscuridad, ya que es el color que nos
priva de verlos a todos.
Con la mezcla de estos colores obtenía todos los demás, aunque también observó que el
verde podía surgir de una mezcla. Habla por primera vez en la historia de los colores
primarios y secundarios.
Fue así que Isaac Newton dio un paso decisivo en la historia del color y lo estableció en un
principio hasta hoy aceptado: la luz del color. (Fotonostra, 2012)
5
2.3. Definición del Color
El color es pues un hecho de la visión que resulta de las diferencias de percepciones del ojo a
distintas longitudes de onda que componen lo que se denomina el "espectro" de luz blanca
reflejada en una hoja de papel. Estas ondas visibles son aquellas cuya longitud de onda está
comprendida entre los 400 y los 700 nanómetros; más allá de estos límites siguen existiendo
radiaciones, pero ya no son percibidos por nuestra vista.
Fue Isaac Newton (1641-1727) quien tuvo las primeras evidencias (1666) de que el color no
existe. Encerrado en una pieza oscura, Newton dejó pasar un pequeño haz de luz blanca a través
de un orificio. Interceptó esa luz con un pequeño cristal, un prisma de base triangular, y vio
(percibió) que al pasar por el cristal el rayo de luz se descomponía y aparecían los seis colores
del espectro reflejados en la pared donde incidía el rayo de luz original: rojo, anaranjado,
amarillo, verde, azul, añil y violeta. (Y., 2017)
2.4. Síntesis Aditiva
Colores aditivos son por ejemplo los de los focos de un escenario que se usan para conseguir una
iluminación de un color concreto. También los que usan las pantallas, mirando con una lupa la
pantalla de un ordenador o de una tele se pueden ver puntos de color rojo, verde y azul (RVA o
RGB en inglés). La suma de los tres es el blanco, la ausencia de todos el negro (la oscuridad).
(Y., 2017)
3. Clasificación de los colores
3.1. Colores Primarios:
Los colores primarios son aquellos colores que no puede obtenerse mediante de una mezcla de
ningún otro, por lo que se consideran únicos. Tres son los colores que cumplen estas
características: amarillo, rojos y azul.
Entre estos hay unos modelos llamados: Modelos RGB, CMYK y RYB
6
Modelo RGB: Las siglas RGB indican Red, Green y Blue (Rojo, Verde y Azul), es la
composición del color en términos de la intensidad de los colores primarios de la luz. Entre estos
se puede combinar dando unos colores secundarios. (Wikipedia, Wikipedia, 2018)
Modelo RGB
Azul + Verde = Cian
Verde + Rojo = Amarillo
Azul + Rojo = Magenta
Modelo CMYK: Las siglas CMYK indica Cyan, Magenta, Yellow y Key (Cian, Magenta,
Amarillo y Negro), es un modelo de color sustractivo que se utiliza en la impresión en colores.
Es la versión moderna y más precisa del antiguo modelo tradicional de coloración (RYB), que se
utiliza todavía en pintura y artes plásticas. Permite representar una gama de colores más amplia
que este último, y tiene una mejor adaptación a los medios industriales. Entre estos se puede
combinar dando unos colores secundarios. (Wikipedia, 2018)
Modelo CMYK
Amarillo + Cian = Verde
Amarillo + Magenta = Rojo
Magenta + Cian = Azul
Modelo RYB: Las siglas RYB indican Red, Yellow y Blue (Rojo, Amarillo y Azul), es un
modelo de síntesis sustractiva de colores. En este modelo, el verde es una combinación de azul y
el amarillo. En el modelo de color RYB se consideran como los colores primarios y en teoría eso
colores se puede hallar los colores secundarios. (Ecured, 2012)
Modelo RYB
Amarillo + Rojo = Naranja
Rojo + Azul = Violeta
Azul + Amarillo = Verde
Modelo HTML: El sistema de representación de colores HTML, también de síntesis aditiva,

usado en las páginas web, se descompone también de la misma forma en los tres colores
primarios aditivos: Rojo-Verde-Azul. La intensidad de cada una de las componentes se mide
también en una escala que va del 0 al 255. Sin embargo utiliza la numeración hexadecimal, lo
que le permite representar el número 255 en base decimal con solo dos dígitos en base
hexadecimal.
En el sistema de codificación hexadecimal, además de los números del 0 al 9 se utilizan seis
letras con un valor numérico equivalente; a=10, b=11, c=12, d=13, e=14 y f=15. La
correspondencia entre la numeración hexadecimal y la decimal u ordinaria viene dada por la
siguiente fórmula:
7
decimal = primera cifra hexadecimal * 16 + segunda cifra hexadecimal

La intensidad máxima es ff, que se corresponde con (15*16)+15= 255 en decimal, y la nula es
00, también 0 en decimal. De esta manera, cualquier color queda definido por tres pares de
dígitos. (Wikipedia, 2018)
3.2. Colores Secundarios
Los colores secundarios –verde, naranja y violeta ó púrpura, son la combinación de dos colores
primarios mezclados en partes iguales. Esto hace los colores secundarios más complejos y
versátiles que los primarios. Los colores secundarios funcionan bien cuando se usan uno con otro
o en combinación con los primarios. Debido a su intensidad, los colores secundarios se usan
frecuentemente para acentuar, especialmente con colores neutrales. (Y., 2017)
3.3. Colores Intermedios
Los colores intermedios o terciarios, son los que se obtienen mediante la unión de un color
primario con uno secundario, por ejemplo, el color resultante de la mezcla del amarillo (color
primario) con el verde (color secundario). El color resultante será considerado un color
intermedio, y estará compuesto por pigmento amarillo y verde a partes iguales. (Y., 2017)
4. Propiedades de Colores
Las propiedades del color son básicamente, elementos diferentes que hacen único un
determinado color, le hacen variar su aspecto y definen su apariencia final. Ellas están basadas
en uno de los modelos de color más aceptados actualmente, realizado por Albert Münsell en
1905.
8
4.1. Matiz:
Es la cualidad por la cual diferenciamos y damos su nombre al color. Es el estado puro, sin el
blanco o el negro agregados, y es un atributo asociado con la longitud de onda dominante en la
mezcla de las ondas luminosas. Es la sumatoria de longitudes de onda que puede reflejar una
superficie.
El matiz nos permite distinguir el rojo del azul, y se refiere al recorrido que hace un tono hacia
uno u otro lado del círculo cromático, por lo que el verde amarillento y el verde azulado serán
matices diferentes del verde. (Y., 2017)
4.2. Valor o Luminosidad:
Es un término que se usa para describir cuando es claro o es oscuro parece un color y se refiere a
la cantidad de luz percibida. Independientemente de los valores propios de los colores, pues éstos
se pueden alterar mediante la adición de blanco que lleva el color a claves o valores de
luminosidad más altos, o de negro que los disminuye.
4.3. Saturación o Brillo:
Este concepto representa la viveza o palidez de un color, su intensidad, y puede relacionarse con
el ancho de banda de la luz que estamos visualizando. Los colores puros del espectro están
completamente saturados. Un color intenso es muy vivo, cuando más se satura el color, mayor es
la impresión de que el objeto se está moviendo.
5. Escala de Valores
Cuando hacemos mención al término acromático estamos hablando de los niveles de grises que
existen entre el blanco y el negro. En la escala podemos hablar de 9 niveles que comenzarán con
el blanco y finalizarán en el negro.
En los tres primeros niveles nos encontraremos con la escala de más alto valor y en los tres
siguientes hablaremos de la escala intermedia o de valor mediano, los últimos tres serán los que
pertenezcan a la escala de menor valor.
9
6. Circulo Cromático
El círculo cromático es también llamado círculo de matices, rueda cromática o rueda de color, es
el resultante de distribuir alrededor de un círculo, los diferentes colores que conforman el
segmento de la luz visible del espectro solar, descubierto por Newton, y manteniendo el orden
correlativo: rojo, naranja, amarillo, verde, azul ultramar y violeta.
El circulo cromático es más común y usado por los artistas pictóricos. Se basa en el rojo,
amarillo y azul el sistema sustractivo imperfecto que suelen adoptar los profesionales que
trabajan con pintura, tejidos u otros materiales reflectores. Los colores primarios de la rueda se
combinan también con los secundarios, cada uno de los cuales representa una combinación de
primarios adyacentes. También se incluyen seis terciario, con los que se obtiene un total de 12
colores.
Igualmente la rueda de procesos se basa en el modelo CMYK de impresión grafica muestra de la
mezclas de tinta cian, magenta y amarilla.
10
7. Armonía del Color
Una rueda de color básicamente ordena de forma secuencial la progresión de los colores que
forman el espectro visible, desde el rojo hasta el violeta.
En color, armonizar significa coordinar los diferentes valores que el color adquiere en u na
composición, es decir, cuando en u na composición todos los colores poseen una parte común al
resto de los colores componentes.
La armonía son las combinaciones en las que se utilizan modulaciones de un mismo matiz, o
también de diferentes matices, pero que mantienen una cierta relación con los colores elegidos.
7.1. Tipos de Armonía
7.1.1. Armonía en complementarios
Se encuentran simétricos respecto del centro de la rueda. El matiz varía en 180° entre uno y otro.
Estos colores se refuerzan mutuamente, de manera que u n mismo color parece más vibrante e
intenso cuando s e halla asociado a s u complementario. Estos contrastes son, pues, idóneos para
llamar la atención y para proyectos donde se quiere un fuerte impacto a través del color.
7.1.2. Armonía de Adyacentes
Tomando como base un color en la rueda y después otros dos que equidisten del complementario
del primero. El contraste en este caso no es tan marcado. Puede utilizarse el trío de colores
complementarios, o sólo dos de ellos.
7.1.3. Armonía en Analogía
Escala de colores entre dos siguiendo una gradación uniforme. Cuando los colores extremos
están muy próximos en el círculo cromático, la gama originada es conocida también con el
nombre de colores análogos. En razón de su parecido, armonizan bien entre sí. Este tipo de
combinaciones es frecuente en la naturaleza.
7.1.4. Armonía en Triadas
Tres colores equidistantes tanto del centro de la rueda como entre sí, es decir formando 120° uno
del otro. Versiones más complejas incluyen grupos de cuatro o de cinco colores, igualmente
equidistantes entre sí (situados en los vértices de un cuadrado o de un pentágono inscrito en el
círculo.)
8. Psicología del color en el Diseño Web
La psicología del color puede ayudar a fortalecer tu marca, conseguir ventas y guiar a las visitas
a páginas o a acciones concretas dentro de tu web.
Muchos estudios han mostrado que las personas se deciden por un producto en menos de 90
segundos, y que el 90% de esa decisión está basada en el color. Estas investigaciones también
11
han mostrado que el color puede aumentar el reconocimiento de una marca en un 80%. En este
artículo te enseñamos cuál es el significado detrás de cada color y cuándo tienes que usarlo o
evitarlo. (Bowman, 2016)
8.1. Psicología del Rojo
El color rojo puede aumentar las pulsaciones y acelerar la respiración. Se asocia con la emoción,
la pasión, amor, energía y movimiento. También puede tener asociaciones negativas, incluyendo
la guerra, la violencia, el fuego y el peligro.
 Cuándo usarlo: usa el rojo para llamar la atención a algo, o crear expectación. El rojo
puede ser bueno para la comida, moda, entretenimiento, deportes, marketing, servicios de
emergencia y seguros de salud.
 Cuándo no usarlo: no lo uses demasiado. Demasiada emoción puede ser mala. El rojo
normalmente no se recomienda para artículos de lujo, elementos relacionados con la
naturaleza o páginas profesionales.
8.2. Psicología del Amarillo
El amarillo es el color más luminoso. Se asocia con la competitividad, felicidad, alegría,

optimismo y juventud. El amarillo tiene connotaciones negativas como la cobardía, engaño y la
vulgaridad.
 Cuándo usarlo: usa el amarillo fuerte (no demasiado) para animar a tus visitas o crear
una sensación de felicidad. Usa tonos más suaves de amarillo para una sensación de
felicidad más calmada. El amarillo puede dar muy buenos resultados para los botones de
llamada a la acción.
 Cuándo no usarlo: el amarillo puede resultar muy cargante si abusamos de él. En
ocasiones puede cansar la vista, por lo que debes usarlo con moderación. Un tono no
apropiado puede resultar muy agresivo a la vista.
8.3. Psicología del Naranja
El naranja es un color energético y lleno de vida, asociado con la diversión, felicidad, energía,
calor, ambición, emoción y entusiasmo. También puede comunicar cautela.
 Cuándo usarlo: para llamar la atención a tus llamadas a la acción (suscripciones,
compras, etc.), ventas u otro contenido que quieras que llame la atención. Es una buena
opción para las tiendas, automoción, tecnología, entretenimiento, comida y cuidado de
niños.
 Cuándo no usarlo: aunque el naranja es un poco menos intenso que el rojo, puede
resultar igualmente cargante. No abuses de él.
12
8.4. Psicología del Verde
El verde tiene un efecto armónico. Se asocia con el crecimiento, la salud, naturaleza, bienestar,
dinero, calma, masculinidad, generosidad, fertilidad, envidia, buena suerte, paz y energía.
 Cuándo usarlo: el verde es el color que los ojos procesan mejor. Úsalo para crear un
efecto relajante o de calma, o representar nuevos comienzos, naturaleza o bienestar. Es
una gran opción para la ciencia, turismo, medicina, recursos humanos, medioambiente y
sostenibilidad.
 Cuándo no usarlo: es menos apropiado para bienes de lujo, tecnología o contenido
dedicado a adolescentes.
8.5. Psicología del Azul
El azul se asocia con la masculinidad, eficacia, calidad, calma, seriedad, fortaleza, sabiduría,
lealtad, fuerza, productividad, confianza y seguridad. El azul fuerte puede ser refrescante y
energético.
 Cuándo usarlo: el azul suele asociarse con empresas grandes y bancos porque no es
invasivo y se asocia con la seriedad. Es bueno para temas de salud, tecnología, medicina,
ciencia, políticos y servicios públicos.
 Cuándo no usarlo: algunos tonos de azul (sobre todo los más oscuros), o bien usar
mucho azul, puede hacer que tu página tenga un aspecto frío y poco atractivo. El azul
también puede reducir el apetito, por lo que debes tener cuidado si tu contenido tiene que
ver con comida.
8.6. Psicología del Morado
El morado se asocia con la realeza. Puede usarse para transmitir creatividad, imaginación,
autoridad, sofisticación, poder, riqueza, prosperidad, misterio, sabiduría y respeto.
 Cuándo usarlo: usa tonos oscuros de morado para crear una sensación de lujo y riqueza,
y los tonos más claros para felicidad y romance. El morado también puede ser perfecto
para productos de belleza, astrología, masaje, yoga, salud, espiritualidad y contenido
relacionado con chicas adolescentes y marcas femeninas.
 Cuándo no usarlo: el morado puede ser relajante, lo cual normalmente es una mala
opción para llamar la atención. Usar tonos oscuros puede hacer que tu página sea oscura
y distante.
8.7. Psicología del Blanco
El blanco se asocia con la pureza, limpieza, felicidad, sinceridad y seguridad.
13
 Cuándo usarlo: el blanco se asocia a los médicos, enfermeras y dentistas, lo que lo hace
un gran color para las páginas relacionadas con la industria de la salud. También funciona
para páginas de tecnología y ciencias. Cuando se emplea con el negro, oro, plata o gris, el
blanco también puede emplearse para bienes de lujo.
 Cuándo no usarlo: dado que el efecto del blanco depende en gran medida de los colores
que lo acompañan, en teoría puede usarse para cualquier tipo de página.
8.8. Psicología del Marrón
El marrón es un color natural y cálido asociado con la tierra, la aspereza, fiabilidad, estabilidad,
amistad y naturaleza.
 Cuándo usarlo: el marrón puede usarse para estimular el apetito (como el café y el
chocolate), lo que lo hace apropiado para el contenido alimentario. También puede
venirle bien a contenido de animales, veterinarios y finanzas. El marrón normalmente se
emplea para fondos.
 Cuándo no usarlo: el marrón puede ser aburrido y demasiado conservador. No se
recomienda para llamar la atención y no debería usarse para llamadas a la acción.
8.9. Psicología del Negro
El negro es un color fuerte asociado con la sofisticación, la elegancia, autoridad, poder,

estabilidad, fuerza, formalidad e inteligencia. También puede simbolizar la muerte, el misterio, la
maldad y la rebelión.
 Cuándo usarlo: dependiendo de los colores con los que lo combines, el negro puede ser
elegante y tradicional, o moderno y puntero. Sirve muy bien para productos de lujo,
moda, marketing y cosméticos.
 Cuándo no usarlo: demasiado negro puede resultar cargante. El negro también puede ser
amenazante o malvado, y hacer que la gente se sienta incómoda o asustada.
8.10. Psicología del Gris
El gris se asocia con la formalidad, el profesionalismo, la sofisticación, atemporalidad y el

carácter fuerte.
 Cuándo usarlo: es perfecto para páginas profesionales, bienes de lujo, o para crear un
efecto calmante de equilibrio.
 Cuándo no usarlo: algunos tonos de gris pueden resultar aburridos y sin personalidad. El
gris no es un buen color para llamar la atención de la gente.
14
8.11. Psicología del Rosa
Aunque el rosa es un tono de rojo, tiene asociaciones específicas más allá de las del rojo. El rosa
representa la sofisticación, sinceridad, romance y amor. No tiene las notas violentas del rojo, y
puede ser bastante apacible.
 Cuándo usarlo: el rosa es óptimo para productos o páginas dirigidas a mujeres y chicas
adolescentes.
 Cuándo no usarlo: el rosa fucsia puede resultar muy chillón, y los tonos más claros
pueden ser muy dulces o sentimentales para algunas páginas.
9. Tablas de colores
La siguiente tabla de colores ha sido adoptada para su uso de HTML, CSS, JAVA, etc
15
Link: https://didita9.es.tl/%3Ccenter%3ETabla-de-Colores%3C-s-center%3E.htm
10. Cinco reglas sobre el color: El éxito de un diseño web profesional
El diseño de una página web se basa no sólo en la composición o en las formas, sino también en
la combinación de colores. Muchos publicistas incluso indican que la asociación de los colores a
una marca es tan fuerte, que una mala combinación puede llevar al fracaso.
1. Identificar el público objetivo de tu página web
La importancia de elegir colores en base al público al que nos dirigimos radica en que la mayoría
de los colores están asociados a determinados grupos. La página tiene ante todo que atraer y
convencer a la visita. Es por eso que hay que seleccionar colores con los que la visita se sienta
identificada.
2. Enciende las emociones
Una de las propiedades de los colores es la de transmitir sensaciones. Los colores estimulan
nuestro cerebro y nos evocan tranquilidad, seguridad, confianza, pasión, misterio... Esto es muy
interesante desde el punto de vista del Marketing, ya que no es necesario dar argumentos para
convencer sobre la propiedad o beneficios de un producto o servicio.
16
3. ¿Qué colores seleccionar?
Otro de los aspectos a la hora de escoger los colores para nuestra marca y para nuestra página
web es el equilibrio. La armonía de colores y el equilibrio hace que un diseño sea más o menos
efectivo.
4. Efectividad del color: El contraste
El contraste de color se produce al combinar dos colores que no están relacionados. Esto permite
por ejemplo, resaltar textos o imágenes. Combina colores claros y colores oscuros para lograr
este efecto visual.
5. Composición y peso de colores
Gracias a los colores y a las formas podemos dirigir la mirada de la visita y así resaltar
determinados elementos.
En la composición se dice que los colores cálidos, los oscuros o tierras, pesan más que los
colores fríos, claro so pesados. Busca la armonía y el equilibrio justo en el diseño de tu web.
11. Reglas básicas para combinar correctamente los colores de tu sitio web
1. Usar colores de la misma gama cromática
Utilizar el mismo color pero en diferentes tonalidades.

2. Usar colores complementarios.
Utilizar varios colores que se encuentren próximos en un círculo cromático.

3. Usar colores opuestos.
Un círculo cromático serían dos colores que se encuentran exactamente en el lado opuesto y que
provocan un buen contraste para destacar los contenidos (textos, imágenes etc.) que nosotros
queramos. Muy recomendable su combinación en las llamadas a la acción de tu sitio web.
4. No abusar de los colores.
Un sitio web con muchos colores diferentes acabará saturando y aburriendo al usuario que visita
nuestra página.
Es recomendable en la mayoría de los casos que nuestros proyectos no tengan más de 2 o 3
colores y que uno de ellos sea el color predominante.
5. Usar colores acordes a tu imagen corporativa
17
12. Como agregar el color
El siguiente paso es agregar colores al texto y al fondo de la página. Puede utilizar el atributo
bgcolor de la etiqueta <body> para especificar el color de fondo, y el atributo text para
especificar el color del texto. Los atributos bgcolor y text son opcionales. De manera
predeterminada, todas las páginas web utilizan los colores configurados como predeterminados
en el explorador web, que suelen ser blanco con texto negro.
Después de seleccionar los colores de texto y de fondo para la página, la etiqueta <body> tendría
el siguiente aspecto:
<body bgcolor=”silver” text=”navy”>
18
13. Conclusión
Por concluir, el color siempre nos va a dar un plus a la hora de sobresalir en el medio digital, por
eso siempre hay que tener en la medida ideas innovadoras a la hora de diseñar nuestra página
para la satisfacción de nuestros clientes. Cada Consejo, método, forma o característica nos hará
avanzar más a la hora del desarrollo virtual y en la calidad de nuestro trabajo, tomando como
ayuda todas las herramientas de diseño que estén en nuestras manos ya que éstas metodologías
del color nos ayudarán a fortalecer la marca, conseguir ventas y guiar a las visitas a nuestra
página web
19
14. Bibliografía
Bowman, D. (2016). Jimdo. Obtenido de Jimdo: https://es.jimdo.com/2015/02/10/psicolog%C3%ADa-

del-color-en-el-dise%C3%B1o-web-parte-1/
Ecured. (1 de 07 de 2012). Obtenido de https://www.ecured.cu/Modelo_RYB
Eric van der Vlist, D. A. (2008). Programacion Web 2.0. España : Anaya Multimedia.
Fotonostra. (2012). Obtenido de https://www.fotonostra.com/grafico/historiacolor.htm
Morrison, M. (2003). Avanza Diseño en HTML Y XML . España: Microsoft.
Wikipedia. (17 de 04 de 2018). Obtenido de https://es.wikipedia.org/wiki/Modelo_de_color_CMYK
Wikipedia. (14 de 08 de 2018). Obtenido de

https://es.wikipedia.org/wiki/Color#La_percepci%C3%B3n_del_color_en_la_visi%C3%B3n_hum
ana
Wikipedia. (20 de 03 de 2018). Wikipedia. Obtenido de Wikipedia: https://es.wikipedia.org/wiki/RGB
Y., A. d. (2017). Anibal Designs. Obtenido de Anibal Designs: w w w . a n i b a l d e s i g n s . c o m
20

Investigación Sobre Colores PDF

Cargado por

Copyright:

Formatos disponibles

Investigación Sobre Colores PDF

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Investigación Sobre Colores PDF

Cargado por

Copyright:

Formatos disponibles

FUNDAMENTOS PROGRAMACION WEB

CORPORACION UNIVERSITARIA MINUTO DE DIOS

Investigación sobre colores

Corporación Universitaria Minuto De Dios

4. Propiedades de Colores .....................................................................................................8

5. Escala de Valores ...............................................................................................................9

8. Psicología del Color en el Diseño Web ...........................................................................11

8.7. Psicología del Blanco ..............................................................................................13

9. Tabla de Colores ..............................................................................................................15

2.1. Fisiología del Color

2.3. Definición del Color

2.4. Síntesis Aditiva

Modelo HTML: El sistema de representación de colores HTML, también de síntesis aditiva,

decimal = primera cifra hexadecimal * 16 + segunda cifra hexadecimal

3.2. Colores Secundarios

4.3. Saturación o Brillo:

7. Armonía del Color

7.1.1. Armonía en complementarios

8.2. Psicología del Amarillo

El amarillo es el color más luminoso. Se asocia con la competitividad, felicidad, alegría,

8.3. Psicología del Naranja

8.4. Psicología del Verde

8.5. Psicología del Azul

8.6. Psicología del Morado

8.7. Psicología del Blanco

El blanco se asocia con la pureza, limpieza, felicidad, sinceridad y seguridad.

8.8. Psicología del Marrón

8.9. Psicología del Negro

El negro es un color fuerte asociado con la sofisticación, la elegancia, autoridad, poder,

8.10. Psicología del Gris

El gris se asocia con la formalidad, el profesionalismo, la sofisticación, atemporalidad y el

8.11. Psicología del Rosa

3. ¿Qué colores seleccionar?

1. Usar colores de la misma gama cromática

Utilizar el mismo color pero en diferentes tonalidades.

Utilizar varios colores que se encuentren próximos en un círculo cromático.

12. Como agregar el color

Bowman, D. (2016). Jimdo. Obtenido de Jimdo: https://es.jimdo.com/2015/02/10/psicolog%C3%ADa-

Ecured. (1 de 07 de 2012). Obtenido de https://www.ecured.cu/Modelo_RYB

Fotonostra. (2012). Obtenido de https://www.fotonostra.com/grafico/historiacolor.htm

Morrison, M. (2003). Avanza Diseño en HTML Y XML . España: Microsoft.

Wikipedia. (17 de 04 de 2018). Obtenido de https://es.wikipedia.org/wiki/Modelo_de_color_CMYK

Wikipedia. (14 de 08 de 2018). Obtenido de

Wikipedia. (20 de 03 de 2018). Wikipedia. Obtenido de Wikipedia: https://es.wikipedia.org/wiki/RGB

Y., A. d. (2017). Anibal Designs. Obtenido de Anibal Designs: w w w . a n i b a l d e s i g n s . c o m

También podría gustarte