Cómo determinar un esquema de color para su sitio web squarespace

Al calcular una combinación de colores para dirigir Squarespace a utilizar para su sitio web, puede convertirse rápidamente perdido en el proceso de colores a juego, ajustar los valores de color (más oscuro en comparación con más ligero), y decidir dónde incluye color.

¿Cómo encontrar los códigos RGB y hexagonales

Después de elegir los colores que desea utilizar en su sitio, es necesario encontrar los nombres de colores específicos en uno de los dos métodos de color utilizados en Squarespace:

  • RGB (rojo, verde, azul) es el método de color utilizado para mostrar colores en una pantalla retroiluminada, como la que se encuentra en un monitor de computadora, un iPhone o un televisor. El rango de cada color se mide de 0 a 255.

    Si los tres colores se establecen en 0, el color presentado es de color negro. Si los tres se ponen a 255, el color es blanco. Al variar los valores de los números, se puede crear un suministro ilimitado cerca del color.

    Además, cuando el método de color RGB incluye la transparencia, se llama RGBA. los la representa el canal alfa, el cual controla la transparencia del color en una escala de 0 (completamente transparente) a 1 (completamente opaco).

  • Hexadecimal, o hexagonal, el color es una forma simplificada de RGB de uso común en el diseño web.

Aunque ciertamente puede simplemente calcular visualmente el color en el ajuste de la rueda de color, a veces es bueno saber el color exacto que desea utilizar. Para saber más acerca de color web, lea el artículo a fondo Wikipedia.

Así que, ¿cómo encontrar el color que desea utilizar? Es bastante fácil si tienes las herramientas adecuadas en su computadora o sabe dónde buscar. A continuación se presenta una lista de selectores de color, aplicaciones que pueden utilizar para encontrar el color exacto aparece en la pantalla del ordenador:

  • ColorZilla es un plug-in de navegador gratuito para Firefox o Chrome.

  • ColorSchemerColorPix es una aplicación gratuita de Windows.

  • xScope es un pagado para Mac aplicación popular entre los diseñadores web. Tiene otras características, además de un selector de color que pueden serle de utilidad si quieres más características de diseño.

  • ColorSchemer es una aplicación robusta picking color y el diseño disponible para Mac, Windows, iPhone y iPod touch. Esta aplicación no es gratuita, pero sí ofrece capacidades ampliadas para ayudarle a explorar armonías de color, e incluso puede sugerir esquemas de color para usted. Si tienes un iPhone o iPod touch, echa un vistazo a la aplicación ColorSchemer, porque es bastante ingenioso.

Cómo ver código de color en Squarespace

Si usted es un profesional de la web o alguien que no rehuir de un poco de investigación en el código de un sitio, puede echar un vistazo al código de color en un sitio mediante la inspección de código fuente del sitio. Siga estas instrucciones generales:

  1. derecha, haga clic en el elemento que contiene el color que te interesa.

  2. Seleccione la opción en el menú emergente para inspeccionar el elemento.

    El navegador muestra el código subyacente.

Debido a la inspección del código fuente de cada navegador funciona de forma diferente, siguientes son las instrucciones básicas para elementos en los cuatro navegadores Squarespace apoya para editar su sitio inspección:

  • Safari: Activar la barra de menú de desarrollador en las preferencias de Safari eligiendo Avanzada-Mostrar la barra de menús desarrollador.

  • Chrome: A diferencia de Safari, Chrome ya tiene su función inspeccionar elemento activado, por lo que no es necesaria configuración.

  • Firefox: Firefox como Chrome, tiene un elemento inspeccionar básica. Por características del código de visualización más avanzadas, es necesario instalar Firebug.

  • Explorador de Internet: Pulse F12 en el teclado para abrir las Herramientas de Desarrollo incluye en su sitio. Si al presionar F12 no funciona, seleccione Herramientas Herramientas-Developer.

Código asomando sólo funciona para los colores prestados por el navegador, como el color de texto y los colores de fondo de los elementos del sitio. Para determinar el color de una imagen, usted tendrá que utilizar uno de los selectores de color mencionados anteriormente.




» » » » Cómo determinar un esquema de color para su sitio web squarespace