 Buenas tardes, pues yo soy Mónica Martín, mombio en Twitter y os voy a hablar de teoría del color, que es una cosa muy marciana, que no se habla nunca las workahs ni en warpres en general. Bueno, yo soy diseñadora gráfica y entonces voy a hablar de diseño gráfico básicamente. Tengo bastantes herramientas, sobre todo con el tema del color, herramientas online y así que podéis utilizar y luego he hecho una búsqueda suspiva de herramientas para warpres específicamente con este tema y he encontrado nada y menos y entonces he secuestrado Fernando antes y le he dicho a Fernando, tío, no hay cosa, así me ha dicho no. No hay excesivamente demasiado específico para color en tema plugin y así, así que si hay algún desarrollador en la sala y quiere tomar nota y crear un plugin maravilloso para la comunidad, bienvenido. Estoy aquí porque soy una inconsciente y porque soy muy consciente a la vez de que, bueno, yo he aprendido muchísimo asistiendo eventos, entonces tengo muchas dudas de que os vaya a enseñar nada, pero me tiro a la piscina porque me parece que hay que devolver. Somos muy pesados, lo está diciendo todo el mundo, lo voy a decir yo también, mañana es el contributor de ahí y a mí el contributor de ahí más albamos de un proyecto y de dos, o sea, al final la gente que está aquí está realmente implicada con lo que hace y hay muy buena comunicación, supongo que lo estáis viendo y todo el mundo está dispuesto a echar un cable y podéis echar un cable, seguramente alguien también, aparte de hacer crecer la comunidad, traducciones y todo el más que habrá mañana, entonces yo también os invito a venir mañana. Voy a arrancar ya, vale, teoría del color, ¿por qué? Porque voy a hablar de teoría del color, así, se llama así, pero es una cosa muy entretenida, ya veréis. Y vamos a hablar un poco de qué es el color, cómo se utiliza, cómo, qué características tiene, cómo funciona, cómo vibra, cómo valpita y porque creo que hay que entenderlo para luego poderlo aplicar, entonces vamos a intentar entender cómo funciona el color y luego entrar a toda la parte de herramientas que os he dicho antes, sin más. Bueno, eso, porque el color, yo soy diseñadora gráfica y os he dicho entonces junto con la composición y la tipografía, es una de las variables fundamentales del diseño y el diseño gráfico, bueno, pues es la base para trabajar bien la comunicación visual, eficaz, que al final entiendo que todos queremos comunicar algo o comunicarnos de una manera en concreto con nuestro público objetivo, creo que, bueno, creo, el diseño y el diseño gráfico del marketing tienen que estar casadísimos de la mano, el diseño tiene que haber hecho una función y cuando estamos hablando de vender productos, pues estamos, la función es la venta al final, hay que utilizar las herramientas del diseño, la composición, la tipografía, el color, para conseguir ese objetivo final pues de conversión o el objetivo que tengamos con nuestras páginas, portales y demás. Comunicación visual, vale, pues esto si os dedicais al marketing y demás, supongo que sabéis que en menos de 90 segundos ya sabemos si nos gusta o no nos gusta un producto, supongo que habéis salido corriendo más de una vez de alguna página, si según entradas decís que es esto, me voy, y seguro que mucho de esa decisión de me voy era por la combinación de colores que había en esa página o por la tipografía, etcétera, etcétera, si no sé cuántos de aquí sois diseñadores, si sois diseñadores no les voy a enseñar nada, cuántos diseñadores, oi que de ellos no les voy a enseñar nada, o si no los entrego herramientas, espero que aportaros algo, pero cuántos tenéis páginas, proyectos publicados con WordPress, vale, eso muchos más que los diseñadores, y cuántos tenéis un perfil como de marketing o de negocio más que de diseño, tú te das un poco a todo esto, estoy bien. Claro, como súper malo, hay que hacer una serie, vale, pues lo que decía, la gente que os dedica es al marketing, supongo que tenéis muy en cuenta el tema de la comunicación visual, o sea, de al final que estamos diciendo a través de, antes de que nadie lea, o sea, sin leer, sin ver los contenidos, sin saber cuál es el contenido, ya estoy diciendo cosas, entonces dentro de todas esas cosas que estoy diciendo, voy a hablar en concreto de color, no sé si eres, la charla de Ana, pirujano, que ha estado mega interesante, ya hablaba un poco de todo el proceso de diseño que hay que desarrollar para acabar teniendo un site adecuado a mis propósitos, y ella iba desgranando todo el proyecto y ha habido un momento en el que ha hablado de los conjuntos de colores, las paletas de colores, todo esto, pues yo voy a hablar de eso, de esa parte dentro de todo el proceso de diseño que comentaba Ana, y voy a hablar solo del color. Vale, pues esto es un poco lo mismo, WordPress, ya lo sabemos, es una herramienta increíble para disponer rápidamente de presencia en negocio online, pero qué pasa, que la falta de estrategia a veces hace que las páginas parezcan un poco profesionales, yo tengo un poco de, bueno, yo me dedico, soy diseñadora, no lo he dicho, qué fuerte, pero básicamente me dedico a la docencia, soy profesora, la inmensa mayoría de mi tiempo, la mayor parte de mi tiempo me dedico a la docencia, y yo tengo una cosa que repito muchísimo en mis clases, es el tema de que las cosas no apesten a plantilla, de que tú puedes subir un WordPress con un tema, lo que quieras, pero no es, le meto el logotipo del cliente, le meto los contenidos y ya está, porque ya ahora el día en que venga el cliente, vaya a navegar puentamente, se encuentre la página de la competencia exactamente igual que la suya, con el menú de la misma manera, etcétera, etcétera, los mismos colores, y entonces hay que darme una vuelta a esto y hay que intentar personalizar en función de las necesidades. Otro de los errores es el tema de usar, vale, pues venga, Mónica dijo que hay que usar colores, metele colores, o combinaciones poco afortunadas, vamos a ver cómo funcionan los colores, porque más que independientemente funcionan en relación unos con otros y vamos a ver cómo establecen esas relaciones para ver cuando se quieren y cuando se odian, cuando hace daño a la vista y cuando realmente eso genera una combinación atractiva. El color de por sí comunica significado, supongo que he traído una diapo, robada por ahí por cierto, de algo que se suele llamar, se suele llamar la psicología del color, esto de que el rojo es pasión, fuerza, no, anima la acción, tal, el azul es como el mar, frío, distante, tal, ese tipo de cosas que está bien echarle un vistazo, luego lo vemos que no está anticipando, vale, pero el color siempre nos está comunicando algún significado, bueno, esto es un poco lo mismo, lo mismo, lo mismo incorrecto, general desconfianza, yo si voy a un fisioterapia, estoy buscando fisioterapeuta y me encuentro esto, pues me duele un poco, no toya como me van a estirar ahí, me van a dejar un poco doblada, mientras que, pues si me encuentro algo así, me apetece un poco más, ponerme en manos de esta persona que la otra persona, estas dos páginas las he sacado poniendo fisioterapia en Google, así, la primera y la segunda, tal cual, hay una diferencia considerable, es una diferencia de color, también de tipografía y de espacio blanco, que también vamos a hablar de eso, es muy importante, vale, para que la gente, pues esto de, el SEO, traer tráfico a mi página, está todo muy bien, si la gente venga a mi página, pero luego que no se marchen corriendo, porque si consigo que venga, pero luego no aguantan, pues no hacemos nada, vale, por eso parte fundamental de la gestión de marca, debe centrarse en el color, di lo que quieres decir, vale, he traído un vídeo que ha creado una directora artística que tiene sin excesia, no sé si os suena, el tema de la sin excesia es una alteración neurofisielógica, que hace que la gente perciba en una misma percepción las sensaciones de dos sentidos a la vez, entonces es gente que huele el color o las formas, le da un olor, una palabra, le produce una sensación olfativa o que puede ver los colores, entonces he hecho un vídeo que me ha parecido interesante traerlo para hacer una primera reflexión sobre si realmente los colores, los transmiten o no emociones, ha hecho como una visualización de cómo demostrarnos como ella ve esta pieza de música, entonces entiendo que la música sí que tenemos más ligado a las emociones, la música, ahí voy, lo voy a poner, me voy a callar, entonces vamos a ver si funciona y si realmente los cambios de tono que vamos a ver tienen que ver con la emoción que nos hace sentir la música, en cada momento la luz no es la mejor para ver los colores, no sé si os ha comunicado algo o no, el tema de, no, como cuando iba a los graves se oscurecen los colores, cuando sonaban más agudos se aclaraban como pasa de unos tonos a otros, que eso vamos a ver también en el tema de las relaciones y como sigan calentando, enfriando los colores en función de la emoción de la música al final, más cerca, más lejos, vale, pues vamos a por la teoría del color, por ahí dura, aquí tenemos la puerta de Darcy Doldemund, de Pink Floyd, vale, y Johann Sitten, que era un diseñador de la Bauhaus, decía que los colores son las ideas primordiales, son los hijos de la luz, vale, pues para empezar a hablar de teoría del color, lo primero que hacemos es ordenar el color, para ordenar el color se utiliza el círculo cromático, que bueno, hay un poco de, no está el todo claro, se suele atribuir a Newton, el primer círculo cromático, siglo XVII, pero parece que hay algún anterior, y va a traer aquí unas diapositivas de historias del círculo cromático, pero dice es un poco demasiado friquilla, vale, ordenarlo nos sirve para comprender las relaciones que hay entre ellos, vale, ver cómo fluye luego eso y cómo podemos utilizarlo, en principio el círculo, vale, va de, por donde empieces da igual, porque es un círculo, amarillo, naranja rojo, morado azul, violeta azul, azul más claro verde, no, si lo partimos por la mitad lo que tenemos son los cálidos al lado, los fríos al otro, si lo partemos en triángulo lo que tenemos es lo que se llama triadas, que se utilizan para hacer combinaciones de color, si ponemos el dedo en un punto y vamos justo al opuesto estaríamos hablando de los complementarios, que es el máximo contraste cromático que puede existir, el máximo contraste cromático lo que va a hacer es que llamemos más la atención, igual demasiado, no lo sé, hay que medir hasta donde queremos llamar la atención, pero a través de este círculo podemos ir estudiando las relaciones que tienen los colores entre sí y tomar decisiones, luego os voy a enseñar, no luego, no, no, si luego os voy a enseñar una herramienta, bueno unas cuentas estupendas para, para crear ese tipo de relaciones. ¿Qué más tienen los colores? Los colores no sólo el tono que sería esto de lo que estoy hablando ahora, sino que tienen tres cualidades, el tono, el matiz, el estado puro del color, la luminosidad que sería la cantidad de luz, un azul claro, un azul oscuro, un verde claro, un verde oscuro, sin más y la saturación que es lo que más suele costar entender es la intensidad de un mismo tono, es lo limpio que está el color lo puro que es, la cantidad de tinte, yo cuando explico saturación siempre pienso en esas imágenes de los mercados árabes con las especias así rojas, verdes, eso suelen ser colores muy saturados, ¿no? y los colores pastel serían colores poco saturados, por ejemplo más, más sucios, más apagados, más con menos tinta, digamos, ¿vale? Entonces estas tres cualidades nos van a valer ya para crear combinaciones de color, yo puedo decidir que mi color principal es el verde y puedo utilizar verdes claros y oscuros o puedo trabajar la saturación, desaturar un verde me puede llevar hacia un marrón más, una cosa más sucia y puedo hacer combinaciones de esos marrones con ese verde y crear algo más interesante que si estoy trabajando solo con el verde, ¿vale? O sea, conocer esto me sirve para luego tomar decisiones, por ejemplo, he traído algunos ejemplos de páginas donde trabajan pues en las tres variables, esto sería una página que está trabajando con matices de saturación luminosidad pero el tono siempre es el rojo y esto es una página de no sé qué bebida etílica que vas haciendo scroll y te van apareciendo diferentes combinaciones de combinados y siempre pues esto sería todo en base amarillos, amarillos más sucios, más limpios, menos saturados, más saturados, verdes más claros, verdes más oscuros y son combinaciones realmente interesantes, o sea, el ojo le parecen atractivas, o sea, dan ganas de mirarlo y en realidad lo que hay detrás es una combinación de un mismo tono, no hay un solo color sino que se trabaja con variaciones del tono. Esta página lo mismo, vas haciendo scroll por las secciones y cada sección tiene un color de fondo y realmente da la vuelta al círculo cromático, usa todos los colores pero todos los colores tienen la misma luminosidad entonces eso hace que todo tenga armonía, que todo encaje, puede usar todos los colores del mundo mientras mantenga una variable estoy creando una armonía, estoy haciendo la armonía lo que genera es unidad, unión, identidad, al final que eso tenga, que esté empacado, que tenga sentido y en esta lo que hacen es trabajar con la misma saturación, también le dan la misma vuelta y trabajan con los colores más apagados, un poco más sucios, os quería enseñar, a ver esto se puede hacer así, os voy a volver locos con las pantallas ya os aviso, hay una página esta que se llama html colorcoach.com que tiene este selector de color que es el mismo que tienen los programas de diseño que a mí me parece tremendamente interesante porque bueno pues puedo clicar en cualquier sitio, seleccionar el color que quiera y esto en realidad son tres, son las tres escalas, bien aquí el modo este es el hexadecimal que supongo que conocéis, es el modo de color para web, bueno hay más modos de color para web pero digamos que es el que se empezó a utilizar, que tiene un código propio para cada uno de los colores, el rgb que sería el modo de color de pantalla, el cmk que sería el modo de color para impresión, para imprenta, nunca vamos a trabajar en cmk, siempre trabajaremos en rgb cuando trabajemos en digital y el hsl is hue, saturation and lightness, son las tres variables que os acabo de comentar, el tono, la saturación y la luminosidad, entonces en estos selectores tengo las tres escalas, si yo me pongo aquí fijaros en la s, veis estoy modificando solamente la saturación del color, bueno si me muevo muevo también la luz, pero veis más o menos, a ver si lo hago bien no lo estoy haciendo al revés, la saturación sería esta veis como baja 14, 13, 18, 20, si se ve, la l, aquí estaría haciendo una escala de saturación, aquí estaría haciendo una escala de luminosidad y aquí estaría haciendo la escala de hue de tono, para que me sirve esto pues lo mismo que os decía antes, yo voy a partir de un verde, este es mi verde, me toco aquí el hexadecimal o los valores rgb de mi verde y vale ahora quiero hacer variaciones de este color para utilizar en mi web, bueno pues puedo hacer variaciones, yo ya sé que puedo bajar por aquí, estaría ensuciando el tono, usando un tono menos saturado o aclararlo, utilizar modificaciones de ese color o también lo puedo hacer más cánido hacia el amarillo, hacer más frío hacia el verde, qué pasa que cuantas más variables cambia, menos tiene que ver uno con el otro, si cambio las tres tendrá bastante menos que ver que si modifico solamente una solamente dos vale, a mí esto me parece un juguete estupendo, sin más, bueno por aquí también hay conjuntos esta página está muy bien, hay conjuntos de colores ya creados, vienen ahí con sus códigos hexadecimales o valor rgb si lo queréis meter en rgb en los css, etcétera, etcétera, vale, sigo vale esta es una página, esto es un diseño, es una landing page de nike que me parece que teniendo muchísimos colores, no sé si estaréis de acuerdo conmigo, tiene bastante unidad, bastante armonía, está utilizando mogollón de colores pero no me dan ganas de salir corriendo, me parece bastante atractiva, eso es porque por lo mismo que estábamos diciendo está utilizando diferentes tonos pero todos con la misma luminosidad, todos son claritos, todos son pastel y luego donde realmente quiere llamar la atención pues mete más saturación, hace una llamada más intensa, entonces mientras yo mantengo un poco estas normas, estas reglas que estamos descubriendo pues realmente voy a poder meter más color, voy a poder diferenciarme más y a la vez voy a poder crear composiciones atractivas, se ve bastante apagado todo el tema ahí con la cantidad de luz que hay, está mucho más bonito en mi pantalla, vale, ¿cómo elegir tu color principal? vamos a por nemperfeina, que dicen hay algún catalán en la sala, no, sí, nemperfeina, vamos a por 10 minutos, vamos a por el... vale pues so piedades, mi identidad corporativa, yo ya tengo un logo, ¿cómo voy a cambiar de color? revisa tu logo por favor, si tu logo se da de tortas un color con el otro igual necesitamos hacer un rediseño, vale, piensa en tu identidad corporativa y ¿cuáles son los colores que utiliza tu competencia? para esto os quería enseñar otra búsqueda que hice, creo que es esta, puse veterinario en google y entonces me salió esta, esta y esta, ¿qué os parece? pues no se están diferenciando mucho, no, unos de otros, ¿por qué los veterinarios? yo esto no sabía, ¿por qué los veterinarios usan el azul bilbao? como todos utilizan el mismo color, pues igual tengo que mirar también qué color se está utilizando mi competencia y intentar diferenciarme, otra característica de tiene estas tres páginas en común es que no hay, bueno esta tiene aquí un poquito de escala, pero no hay variaciones del color, está usando un color con el blanco y el negro todo el rato y con este naranja que hace daño, ¿sí? vale, entonces pues luego seguí buscando y me encontré alguno más y descubrí entonces que usaban esta especie verde, medio azulado, turquesa y había dos más que usaban esta otra combinación, pues yo les propongo a los veterinarios de madrid que se tiren al naranja por ejemplo, que decir no sé muy bien por qué utilizan todos el azul pero pensad un poco además de pensar en vuestra identidad y en vuestro logotipo echarle un vistazo a qué hace la competencia y intentar diferenciaros también a través del color. Piensa en tu público objetivo, olvídate de mi color favorito es el naranja, ¿vale? Piensa en tu público objetivo, cuál es el color que habla con tu público objetivo, pero evita lo obvio, ¿vale? No, es que voy a hacer una cosa para niños, entonces metele el arcoíris, porque los niños son arcoíris, voy a hacer algo para mujeres, metele rosa, no se da alguna vuelta también a esto, no? Planteate el tema del público objetivo, bueno, si os dedicáis al marketing tenéis millones de herramientas para averiguar qué gustos tiene, qué usos y costumbres hay en el sector también a nivel de color y ir tomando decisiones y utiliza los principios de la psicología del color, ¿vale? Los colores cálidos en principios son colores seductores que atraen, ¿vale? generan cercanía, la energía, la pasión, lo que se ha comentado antes y los colores fríos alejan. Con esto de que aportan confianza, profesionalidad y demás, pues todas las empresas de servicios son azules, no sé, igual es que la tuya, es verdad, oh yeah, es azul también. Es un azul muy moderno, ¿vale? No sé, yo intentaría salir un poco de ahí, no quiere decir que no usemos solo el azul, pero igual hay que meter matices y darle un poquito más de profundidad a la cosa al final. Optiviza la experiencia de usuario, lo mismo. Olvida tú con el favorito y el me gusta, no es un criterio de diseño, ¿vale? No tomes decisiones en base al, a mí me gusta, a mí me regalan un juguete de pequeño, quiere decir, ¿no? Dar una vuelta a lo que estábamos viendo. Es marketing, puro y duro, pero aplicado el color es marketing, ¿vale? Público objetivo, mi identidad y mi competencia, mercado, lo mismo, pero pensando en colores. Y ten en cuenta la usabilidad y la legibilidad, no pongas un fondo azul con una letra naranja porque no se lee, ¿vale? Intenta, los complementarios, ¿vale? Estos del círculo que están en los dos puntos, se llevan muy mal como fondo y forma, si la forma es muy fina, o sea, si pongo una letra muy fina, no se va a leer, ¿vale? Hay que intentar ahí para la legibilidad, lo que ayuda mucho es el contraste de luz, ¿vale? El mayor contraste que hay que favorece la legibilidad es el blanco y el negro. Y si os fijáis en las diapostos, yo tengo mucho colorín, pero los colorines son todos súper apagados, ¿vale? Porque si no, con este fondo de pizarra que me he puesto de profa, pues no, no se vería. Y lo mismo, he echado un vistazo a la psicología del color. Esta es la diapos, que os digo la psicología del color, que está en inglés. Y bueno, básicamente viene a decir un poco los tópicos, que sepáis que esto es cultural, entonces no es lo mismo, supongo que ya lo sabéis, que en Occidente se casan de blanco y en Oriente se entierran de blanco. O sea, no es una asociación fisiológica, el ser humano tiene una asociación con el amarillo, automáticas, son culturales. Dejad sacar números, ¿vale? Son culturales. Y lo mismo, lo que tengo que hacer ahí es investigar, estudiar y ver un poco qué es lo que mejor me va para comunicar mi producto. Esto tenéis, hay muchísima literatura en internet sobre psicología del color. ¿Vale? Herramientas que inspiran. Aquí hay unas cuantas herramientas que te permiten hacer búsquedas de diseño por color. ¿Vale? Mi color es el verde. ¿Vale? Pues yo pongo gray, enviants, que es un, no sé si la conocéis, una red social de portafoles creativos, para fisgar, pachar un vistazo, para decir, mira, pues este verde mío con este otro, queda estupendo. En Drivel se puede hacer una búsqueda por colores, Design Inspiration, Aguare, supongo que conocéis también, que es un proyecto que premia mejores diseños y usabilidades y demás, pues también se pueden hacer búsquedas por colores y el Tanai, como voy muy mal de tiempo, voy a correr un poco. Me gustaría enseñarlas, pero voy a enseñar otras. ¿Vale? También hay un montón de herramientas que me permiten, joder, esto es lo que quería probar, me acabo de hacer una vez de tiempo, crear, sacar los colores a partir de una imagen, o viendo un logotipo o de una imagen. Sí, a partir de una imagen, eso es. Te saca los colores que tienes en la imagen, ¿vale? Estrae las muestras del color que hay en esa imagen, yo que sé, yo sé que la portada de mi website, sí, tiene que ir mi producto principal, que es así, vale, pues igual a partir de ahí, o le voy a poner la foto de mi oficina, porque bueno, pues a partir de ahí puedo hacer, puedo sacar los colores para generarlo una composición que tenga sentido, esto lo subirán, también se la tengo que volver a pasar porque se ha pasado desordenada las diapos, pero bueno, lo subirán. ¿Vale? ¿Cómo combinar los colores? Esquemas, paletas de color, las reglas, cromáticas y demás. ¿Vale? Pues lo mismo para crear paletas de color, lo primero es tener un color principal y utilizarlos en los elementos base de diseño, y a partir de ahí hacer variaciones de saturación, luminosidad, de tono, lo que hemos ya lo ido explicando. ¿Vale? Y es muy interesante tener un color de contraste, utilizando los elementos destacados en el call to action, en el proto principal, en los enlaces, en los estados de los enlaces. ¿Vale? Allá donde quiero llamar la atención. He pasado un poco rápido por la armonía y el contraste y es fundamental. ¿Vale? La armonía crea unidad, siempre que quiera que algo tenga sentido como un todo. Tengo que utilizar combinaciones de colores que sean armonicas, pero necesito tener algo que contraste una cosa o dos. ¿Vale? Que llaman la atención. Si pongo 50 cosas que contrasta, no contrasta nada. ¿Vale? Mucha armonía y un poco de contraste. Siempre. Esa es la clave. ¿Vale? Para dirigir la mirada o la atención donde yo quiero que esté. Mira, Jolie. Demasiada contraste, cansa la vista del usuario y demasiada armonía que genera desinterés. Está todo como muy flojos y todo muy unido, me agurro. ¿Vale? Hay que meter un poco de contraste. Y sobre todo en web no utilicéis una paleta de más de tres o cuatro colores. Incluso con dos, a veces es suficiente. Antes estaba hablando con Asier, que es el que ha diseñado esto. Y me decía que un color siempre blanco, negro, grises y un solo color. Elijo un color por proyecto y siempre como un color. La verdad es que hace combinaciones, a mí me parece que esto está muy bien diseñado, que tiene bastante interés, bastante unidad, o sea, tiene mucho sentido como grupo, todo como composición. Y a la vez me está destacando los elementos, las horas, los nombres de las charlas, los elementos que quiero que se vean, están en este caso en blanco, sobre el fondo negro, que es el máximo contraste. ¿Vale? Más. Enranitos para crear esquemas de color. Estas voy a enseñar por lo menos esta, que es la de Adobe. Hay un montón y están súper bien. Yo cuando he preparado esto he descubierto algunas que no conocía. Para mí son juguetitos, no sé, un minuto. Os recomiendo echarle un vistazo y que juguéis un rato. Voy a enseñar por lo menos el de Adobe, que no sé dónde está. Tiene que estar aquí, ¿no? Perdón. No, veterinarios, no. Oh, cielos. Entonces, aquí. Roda cromática, color gradient, color cototototototo. Oye, este es un juguete que me he encontrado, mira qué bonito. Color dot. Y te deja copiar el color. Y hacer combinaciones. Ahora me gusta este. Y ahora me gusta este. ¿Qué os parece? Jugueté. Es un jugueté. Vale, es este. Sí que es este. Este es la herramienta de color de Adobe. Online es una red social también, si os queréis guardar las combinaciones de colores de colores y demás os loáis, hacéis usuario, entonces podréis votar otras combinaciones de color y bueno pues y si no simplemente aquí tenéis la herramienta para subir una imagen y sacar la combinación de colores a partir de esa imagen y si no lo que hacéis es decidís un color base que queráis pues yo qué sé, moral y a partir de ahí tenéis reglas cromáticas, monocromáticos, serían variaciones en base al mismo tono, triada lo que os decía de apuntando con un triángulo al círculo cromático, complementarios, compuestos, tonos en base al mismo tono y demás y luego esto te permite que cada una de ellas aquí abajo tienes la escala de color con todas las vale y puedes ir modificando cada uno de ellos y sacar a partir de aquí ya tienes los códigos te puedes sacar tu combinación de de colores para poderla aplicar juguetes nuevas que no vale más no sé cómo voy el poder del blanco fundamental vale dirige la mirada hacia un punto dejando suficiente espacio alrededor que yo hago por el uso del color no quiere decir que quiera que lo llenemos todo de de colorines vale que dejar espacio en blanco alrededor de ese sitio que queremos contrastar de ese elemento que queremos que el usuario sí o sí mire vale el blanco si mi página tiene un fondo rosa no sería blanco sería rosa vale pero es ese espacio en el que no hay elementos warpres llegamos a warpres vale cómo aplicamos todo esto que que os he ametrallado para warpres pues básicamente todos los temas tienen un personalizador dependiendo de si es un tema de pagos más complejo o menos os va a permitir más opciones o menos el personalizador los hay que tienen auténticas virgerías para solamente los títulos de la página solamente el subtítulo de vale según las clases que tengan el html os va a dejar ir aplicando a los elementos que queráis normalmente con un color picker vale para que podáis seleccionarlo o con un o con el el campo de introducción del código vale el personalizador del tema sería una parte y luego eso es lo que os decía que le preguntaba fernando y y no hay mucho más os he puesto el site orillens está el ccs hero también que no lo he metido este creo que es de pago y tiene controles visuales para poder modificar el color en tiempo real vas viendo cómo se modifica en tu página realmente parecía el personalizador pero muchísimo más específico vale por el texto la decoración bueno mucho más específico todos los componentes de la página y aquí es un poco bastante más feo pero me parece interesante que lo instalas y entonces te saca todo a todos los colores que tienes aplicados ahora mismo en tu página y te deja modificarlos desde aquí vale todos los elementos te dice estás usando estos colores en estos elementos y clica si puedes te sale un selector y puedes ir modificando el color directamente de cada uno de los elementos y si no pues al ccs como está tan de moda que creo que me deja una t por cierto esto me lo encontré la última hora y resulta que también tenemos para guttenberg una función para meter en el funciones php que nos permiten marcar cuál es mi paleta de color predeterminada vale para el guttenberg y eso es bastante interesante si haces este trabajo que yo os propongo y os animo a que hagáis cuando hayís tomado esas decisiones de color se lo puedes enchufar al funciones y automáticamente el guttenberg va a funcionar con esa paleta de colores ok pues nada sin más el proceso de trabajo yo eso recomiendo que la intervención de un diseñador o diseñadora desde la planificación del proyecto que ajuste todo este tipo de temas pero si no vais a contar con con alguien así en el equipo pues espero que os hayan servido mis consejos y que los apliquéis hago un libro interesante de color no estoy pensando que los libros de color porque además para preparar esto tengo libros de diseño de cosas de tipografía de composición de no tengo libros de color tengo muchos libros de pintura entonces no sé y supongo que miro por ahí no te puedo recomendar y así ahora mismo si alguien sabe que lo diga por favor conocéis algún libro de color maravilloso yo no no tengo así que tengo libros de me gusta además de tener pero de color me puse a buscar yo no tengo nada yo libros de color no tengo nada si poco no la que quieras y ya sabes que con esto yo lo pensaba digo en el fondo es más importante la relación creo la relación que hay entre los colores la distancia que hay entre ellos que el color real porque luego encima los ojos humanos no vemos todos igual entonces si hay más distancia o menos hay más contrasto y menos entre uno y otro ahí es la relación que tiene entre ellos se va a seguir manteniendo más apagada más entendida más verde más azul pero lo importante es la relación entre los colores si pero bueno si todo en aranjas y todo se van a anjas se van todos y sigue manteniendo la misma distancia entre ellos entonces eso para mí eso es lo importante en navegadores a estos me escapa totalmente yo vamos pero esto se lo preguntamos a un técnico de estos que andan por aquí seguro que lo sabe será por los profesadores que tenga de no sé qué los perfiles de color que maneja cada navegador y al tónico Yo no sabía esto hasta que empecé a dar cursos y luego te dudan que tengo muchos alumnos, o sea no muchos, pero aparece la gente por ahí, yo no conocía a nadie hasta que empecé a dar cursos. ¿Todo el tónico? Me pierdo. No, de todas formas no hay dos humanos que perciban igual el color, porque depende de las células de cada uno. No percibimos igual. Llegamos a acuerdos para comunicarnos, pero no vemos los mismos colores. O sea más o menos, pero es oscuro. Ya, ya, ya.