Encontrar el color adecuado para un sitio web no es un problema con estas herramientas

Con las opciones de combinación se pueden conseguir diferentes resultados.

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.
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.

Rueda de colores de lona

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í.
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.
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.

Mis consejos y trucos sobre tecnología y Apple

¿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.

Escribe un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados con * markiert

En el Blog de Sir Apfelot encontrarás consejos, instrucciones y reseñas sobre productos de Apple como el iPhone, iPad, Apple Watch, AirPods, iMac, Mac Pro, Mac Mini y Mac Studio.

Especiales
Compras
  •  
  •