De vez en cuando tengo que hacer pequeños gráficos o cuadros de información para los sitios web de los clientes y siempre me encuentro con el problema de que no sé qué color va con el color hexadecimal #b08355, por ejemplo. Hasta ahora, he molestado a mi esposa o he elegido colores al azar del selector de colores y he comprobado si alguno de ellos no es tan malo para la vista.
Para finalmente tener una solución permanente, pasé 10 minutos en Google y busqué algunos sitios web que ayudarían con la selección de colores. Y estas dos herramientas son básicamente mías. selección de la semana para los diseñadores gráficos y diseñadores web entre ustedes.
Con la rueda de colores de Canva, puede obtener muy rápidamente uno o más colores que coincidan con un código hexadecimal determinado.
Mi primera y menos complicada elección es esta. Herramienta Rueda de colores de Canva. Puede usar esto de forma gratuita y simplemente copiar el código hexadecimal de su color en el campo apropiado e inmediatamente recibirá el color complementario en el otro campo, que generalmente combina bien con el primer color.
Sin embargo, si necesita más de un color, puede elegir entre varias opciones:
Complementario
Monocromo
Análogo
Triádico
tetradico
Con los dos últimos también obtienes varios colores a juego, que luego puedes usar para varios elementos en el sitio web. Sin embargo, me gusta la selección rápida del color complementario, ya que lo uso con más frecuencia, por ejemplo, para colorear enlaces o encabezados; por supuesto, una buena legibilidad es un requisito previo.
Espacio de color
Si le gusta algo un poco más elegante, encontrará la herramienta adecuada con mycolor.space. Aquí, también, ingresa su color existente con un código hexadecimal y luego hace clic en "Generar". Luego, la herramienta crea numerosas paletas de colores, todas conteniendo este color y muchos otros colores coincidentes.
Con la herramienta ColorSpace obtienes mucho más que un color adecuado. Desde varias paletas hasta degradados, todo está incluido aquí.
Además de colores individuales, también hay sugerencias para degradados con los colores intermedios correspondientes, que luego se pueden usar en el código CSS.
Con ColorSpace, la atención se centra en la enorme selección, lo que me abruma un poco. Me gusta cuando solo tengo unas pocas opciones y no tengo que reservar 15 minutos para el proceso de selección. Probablemente el hombre típico, pero así es como somos.
Gradientes de fantasía con CSS? ColorSpace le brinda los colores correctos para esto.
Conclusión
Al elegir los sitios mencionados anteriormente, era importante para mí que no estuvieran sobrecargados de publicidad y que aún así brindaran resultados razonables. Por lo que puedo ver, no hay ningún tipo de publicidad en los sitios web y los colores y las paletas tiradas me parecen bien.
Espero que con estas herramientas, no te quedes perplejo frente a un logotipo y preguntándote qué color web podría combinar con él. De todos modos, siempre me ayudan.
Jens dirige el blog desde 2012. Actúa como Sir Apfelot para sus lectores y los ayuda con problemas de carácter técnico. En su tiempo libre monta monociclos eléctricos, toma fotos (preferiblemente con el iPhone, por supuesto), escala las montañas de Hesse o camina con la familia. Sus artículos tratan sobre productos de Apple, noticias del mundo de los drones o soluciones a bugs actuales.
¿Te gustó el artículo y te ayudaron las instrucciones del blog? Entonces sería feliz si usted el blog a través de una membresía constante apoyaría.