Elecciones de los Colores
Cuando por las mañanas tengo que combinar la ropa tengo problemas a la hora de saber qué colores combinan bien. Así que no me puedo fiar de mi instinto en este campo y por lo tanto, necesito una herramienta que me recomiende combinaciones de colores compatibles. Suelo tender hacía los azules aunque los colores cálidos me gustan también: naranja, amarillo, rojo apagado. El negro no me suele atraer, al igual que los grises, Me parecen colores tristes, aunque elegantes. El verde tampoco suele ser de mis preferidos. Todo ello se refleja en el sitio http://acsblog.es como podéis ver.
La herramienta que he utilizado para seleccionar la paleta de colores la encontré cuando seguí la guía de diseño de temas para Wordpress: http://codex.wordpress.org/Theme_Development. Se ha modificado bastante esta documentación pero diría que la pagina http://codex.wordpress.org/Developing_a_Colour_Scheme contiene todo lo necesario para la elección de los colores.
Necesitamos seleccionar una paleta de colores compatible y que además se vean bien en los navegadores (web safe). Tenemos varios sitios desde los que podemos seleccionar un esquema de colores pero voy a utilizar el que ya use para el tema de Wordpress: http://webcolor.webmaster-kit.com/.
Nos quedamos con la combinación de colores:
<style type="text/css">
body {background-color:#FFCC66; color:#000000}
a:link {color:#410e00}
a:visited {color:#703d00}
a:active {color:#010000}
a:hover {color:#FFCC66; background-color:#410e00}
</style>Esta selección nos da 4 colores. Si queremos más colores compatibles podemos ir con este color por ejemplo a http://www.colorschemer.com/online.html.
Los colores utilizados en acsblog son:
body {background-color:#000033; color:#ffffff}
a:link {color:#bebef1}
a:visited {color:#8e8ec1}
a:active {color:#fdfdff}
a:hover {color:#000033; background-color:#bebef1Finalmente ya hemos llegado a una combinación de colores aceptable. He tenido que modificar las hojas de estilo "common.css" y "screen.cs" y como puntos importantes en el proceso:
- En los wikis hay muchos enlaces por lo que se tienen que leer bien. El color en acsblog.es es demasiado apagado para los enlaces no visitados, así que lo he cambiado al azul oscuro. El azul oscuro se usaba para iluminar los enlaces. Aquí finalmente me he decidido a utilizar un pequeño toque verde al pasar por encima de un enlace, que contrasta muy bien y que además, envía un mensaje positivo al usuario.
- El fondo de la zona de texto lo he dejado en blanco y el texto en negro. Se ha de leer bien.
- El colores anaranjado es el principal, ganando la batalla al azul de acsblog.es. Por lo tanto el Wiki es un sitio más cálido que acsblog.es, algo que en el espíritu de ambos sitios también se da.