2022 / MEDELLÍN
CURSO
WORDPRESS
TEORÍA DEL COLOR
PARA WEB
Teoría del color
para web
Durante el desarrollo de este curso
podrás conocer acerca del manejo
del color para los sitios web, cuál es la
medida o los valores adecuados y algunas
técnicas relacionadas, a la hora de realizar
combinaciones o aplicar algún color a
elementos del sitios web.
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Modo
RGB
Existe el Modo RGB en CSS, este se aplica, utilizando la fórmula:
RGB, donde cada letra indica un color en inglés.
r= rojo, g=verde, b=azul)
Cada medida (rojo, verde y azul) define la intensidad del
color entre un valor de 0 y 255.
Por ejemplo, RGB (255, 0, 0) se muestra en rojo puro, debido a
que el color rojo se establece en su valor más alto que es (255) R 54
y los demás se establecen en 0. G 182
B 194
Para indicar el color negro, se establece: RGB (0, 0, 0).
Para mostrar el color blanco, serían todos los parámetros de
color en 255: RGB (255, 255, 255).
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Modo
Hexadecimal
Aparte del modo RGB, existe el Modo Hexadecimal, este modo
utiliza un valor hexadecimal para los parámetros.
Donde cada 2 caracteres indica el valor del color en hexadecimal.
Siendo el 00 el valor más bajo y el ff el valor más alto.
Por ejemplo, #ff0000 se muestra en rojo puro, debido a que Hexadecimal
el color rojo se establece en su valor más alto (ff) y los demás # 36B6C2
parámetros se establecen en 0.
Para indicar el color negro, se establecen Todos los valores en 0 y
para mostrar el color blanco serían todos los valores en F (#FFFFFF)
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
CONCLUSIONES
MODOS DE COLORES WEB
¿Cuándo es conveniente emplear el modo RGB o el Hexadecimal?
En realidad, los colores son equivalentes, quiere decir que si tienes un color en modo
Hexadecimal lo puedes convertir a modo RGB o de la forma contraria.
Normalmente, es recomendable utilizar el modo Hexadecimal, debido a que es un poco más
fácil familiarizarse con él, y utilizar el modo RGB cuando se quiera utilizar transparencias,
permitiendo ver otros elementos que están detrás de este elemento, en ese caso se debe
utilizar casi siempre el modo RGB.
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Combinar colores
con el círculo cromático
COLORES
FRÍOS Desde hace mucho tiempo, en el diseño gráfico, existen
modos de combinación de colores usando el círculo
cromático, con el cual se pueden organizar los colores en
búsqueda de combinaciones armoniosas, teniendo en
cuenta que existen colores cálidos y colores fríos, y que
cada uno de estos pueden ser aplicados a los diferentes
COLORES conceptos de diseño de las interfaces web y aplicaciones.
CÁLIDOS Debemos ser consientes de que dependiendo de las
combinaciones de colores se pueden generar estados de
ánimo y también una percepción diferente a otras paletas
de colores.
Principalmente, existen estos tipos de colores:
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Colores
análogos
Son los que están cerca a ambos
lados del color elegido, lo cual
produce que la combinación de
estos colores sea armoniosa.
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Colores
complementarios
Son los colores que están opuestos en el
círculo cromático. Lo cual puede ser muy
útil para diferenciar colores o elementos
de una interfaz web. Como mejor práctica
no te recomendamos sobreponer colores
complementarios en algunos elementos,
debido a que no se van a ver armoniosos.
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Combinación de
colores en tríadas
Se logra a partir de un triángulo
equilátero, consiguiendo así una
combinación de tres colores.
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Ten en cuenta que los colores están relacionados con ciertas
actividades, movimientos, y estados que percibimos los humanos.
Por ejemplo, el color rojo está relacionado con un estado de
advertencia, es por esto que casi siempre se utiliza para representar
mensajes de errores en una interfaz gráfica.
El color amarillo y otros colores cálidos, se usa para
representar estados de información que el usuario pueda conocer,
pero que no representan como tal un error en una interfaz gráfica.
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
Por otra parte, los colores fríos de tipo verde, y azul se emplean para
representar un estado de ánimo más tranquilo. Es por esto por lo que son
muy utilizados en las interfaces de aplicaciones móviles y sitios web. Por ejemplo,
son colores aplicados en botones, íconos, fondos, y elementos destacados.
Los colores neutros como blancos, negros, y grises también son
muy utilizados en las diferentes interfaces gráficas, donde representan
elementos que hacen parte de la interfaz, pero que no se requieren destacar
tanto como otros elementos o simplemente se quiere tener una interfaz
minimalista y limpia.
El tono y la luminosidad del color también influyen en la representación gráfica.
Modificando el tono a un color, podemos dar una gama de colores dentro de
la misma tonalidad, de igual forma si le quitamos luz a un tono nos dará colores
en la misma tonalidad, pero en versiones oscuras.
CURSO WORDPRESS TEORÍA DEL COLOR PARA WEB
KURVE
plataforma digital
