{"id":49,"date":"2005-08-19T07:00:13","date_gmt":"2005-08-19T05:00:13","guid":{"rendered":"http:\/\/www.webposible.com\/blog\/?p=49"},"modified":"2020-02-06T16:06:49","modified_gmt":"2020-02-06T15:06:49","slug":"color-scheme-generator-eligiendo-armonias-de-colores","status":"publish","type":"post","link":"http:\/\/www.webposible.com\/blog\/2005\/color-scheme-generator-eligiendo-armonias-de-colores\/","title":{"rendered":"Color Scheme Generator, eligiendo armon\u00edas de colores"},"content":{"rendered":"<p>Hace algunos d\u00edas, en <a href=\"http:\/\/www.webposible.com\/blog\/2005\/dando-color-a-la-web-colorblender\/\">Dando color a la web: <span xml:lang=\"en\">ColorBlender<\/span><\/a> mencion\u00e1bamos una herramienta para elegir colores.<br \/>\nHoy continuamos esta miniserie con otra interesante aplicaci\u00f3n, con algunas caracter\u00edsticas bastante interesantes desde el punto de vista de la accesibilidad: <strong>Color Scheme Generator<\/strong>.<br \/>\nSe trata de una p\u00e1gina web, donde elegimos un color, y podemos generar combinaciones de colores mediante contraste, triada, t\u00e9trada y colores anal\u00f3gicos.<br \/>\nComo caracter\u00edsticas interesantes:<\/p>\n<ul>\n<li>Permite variar el \u00e1ngulo y la distancia para triada, t\u00e9trada y colores anal\u00f3gicos.<\/li>\n<li>Permite hacer variaciones de brillo-saturaci\u00f3n gracias a los botones pastel, pastel oscuro, pastel claro, contr\u00e1ste y c\u00e1lido.<\/li>\n<\/ul>\n<p>Y desde el punto de vista de la ccesibilidad, contamos con las siguientes caracter\u00edsticas:<\/p>\n<ul>\n<li>Permite utilizar colores de una paleta <span xml:lang=\"en\">web safe<\/span> (ya s\u00e1b\u00e9is de 256 colores te\u00f3ricos que se ven igual en todas las plataformas. Al final son 216 en realidad).<\/li>\n<li>Permite emular como ver\u00edan esos colores personas que tienen alguna discapacidad visual relacionada con la ceguera de colores: protanop\u00eda, deuteranop\u00eda, tritanop\u00eda, protanomal\u00eda, deuteranomal\u00eda, tritanomal\u00eda, ceguera total del color,  y monocromat\u00edsmo at\u00edpico.<\/li>\n<\/ul>\n<p>Y de muestra, un pantallazo:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.webposible.com\/imagenes\/blog\/ColorSchemeGenerator.gif\" alt=\"Pantallazo de la aplicaci\u00f3n web Color Scheme Generator\" height=\"265\" width=\"377\" \/>[<a href=\"http:\/\/www.webposible.com\/blog\/2005\/color-scheme-generator-eligiendo-armonias-de-colores\/#colorscheme\" title=\"Descripci\u00f3n textual de la imagen Pantallazo de la aplicaci\u00f3n web Color Scheme Generator\">D<\/a>]<\/p>\n<div id=\"colorscheme\">\nA la izquierda aparece una rueda para seleccionar un color. Debajo, opciones para encontrar combianciones de colores mediante contraste, triada, t\u00e9trada y colores anal\u00f3gicos. En el medio aparece la combinaci\u00f3n de colores elegido. A la derecha, podemos modificar la posici\u00f3n de esos colores. Debajo tenemos unos botones para alterar el brillo y saturaci\u00f3n de los colores mediante unos valores predefinidos (pastel, pastel oscuro, pastel claro, contr\u00e1ste y c\u00e1lido), y debajo una lista desplegable donde podemos emular como ver\u00edan los usuarios los colores elegidos en el caso de que tengan alguna discapacidad visual.\n<\/div>\n<p>Otra aplicaci\u00f3n recomendable.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hace algunos d\u00edas, en Dando color a la web: ColorBlender mencion\u00e1bamos una herramienta para elegir colores. Hoy continuamos esta miniserie con otra interesante aplicaci\u00f3n, con algunas caracter\u00edsticas bastante interesantes desde el punto de vista de la accesibilidad: Color Scheme Generator. Se trata de una p\u00e1gina web, donde elegimos un color, y podemos generar combinaciones de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,3],"tags":[],"class_list":["post-49","post","type-post","status-publish","format-standard","hentry","category-diseno-web","category-herramientas"],"_links":{"self":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":2,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/49\/revisions"}],"predecessor-version":[{"id":823,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/49\/revisions\/823"}],"wp:attachment":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/categories?post=49"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/tags?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}