Añadir color a los objetos

Puede cambiar los colores de relleno y de trazo de los elementos mediante varios métodos:

• Panel Color
• Panel Propiedades
• Herramientas Trazo y Relleno de la barra de herramientas
• Chips de colores de la barra de herramientas

Colores activos

Los colores de trazo y relleno activos se muestran en los chips de colores situados en la parte inferior de la barra de herramientas de la izquierda. El color del trazo (que también es el color del borde) se representa mediante un chip hueco.

En el ejemplo siguiente, los chips de colores tienen definidos los colores predeterminados: relleno blanco y trazo negro.

Los colores activos se aplican cuando se utilizan las siguientes herramientas:

• Herramienta Elemento
• Herramientas Lápiz y Forma
• Herramientas Trazo y Relleno

Si se selecciona un único elemento, los colores activos reflejan los colores de relleno y de trazo del elemento en cuestión.

Los botones situados encima de los chips de color de la barra de herramientas le permiten cambiar rápidamente los colores activos:

•  Colores predeterminados: : cambiar los colores activos al color predeterminado (es decir, relleno blanco y trazo negro).
• Cambiar relleno y trazo : alternar entre los colores de relleno y de trazo. También puede pulsar la tecla X.

Mezclador de colores

El mezclador de colores le permite seleccionar un color en un cuadro de diálogo visual, que siempre está disponible en el panel Color. El mezclador de colores también aparece al hacer clic en un chip de color de la barra de herramientas o en el campo de una propiedad basada en colores.

Para seleccionar un color en el mezclador de colores:

1. Utilice el control deslizante de color para seleccionar el matiz.
2. Haga clic en el campo de color para seleccionar la tonalidad.
3. Utilice el control deslizante alfa para cambiar la transparencia del color.

Puede introducir los valores alfa y de color mediante los campos de texto del cuadro de diálogo del mezclador de colores:

• #: escribir el valor hexadecimal de un color (como 26C6DA).
• % (o A en el panel Color): escribir el valor alfa (transparencia). El valor "0" significa que es completamente transparente, mientras que "100" significa que es completamente opaco.
• RGB (solo en el panel Color): escribir los valores RGB (rojo, verde y azul) de un color.

Hay opciones adicionales disponibles en el mezclador de colores. La selección activa aparece resaltada en amarillo:

• Sin color : quitar el color de trazo o de relleno.
• Color sólido : seleccionar un color sólido.
• Degradado lineal : crear un degradado lineal.
• Degradado radial : crear un degradado radial.
• Muestras : cambiar a la paleta de muestras de color.

Herramienta de cuentagotas

Esta herramienta permite seleccionar un color de la escena.

Para utilizarla, seleccione la herramienta de cuentagotas  en la barra de herramientas o pulse la tecla I. El cuentagotas también se activa automáticamente al abrir el mezclador de colores para seleccionar un color de relleno o de trazo de un elemento. No se puede utilizar para definir un color en la herramienta Texto.

El cuentagotas no se puede utilizar en la barra de herramientas, en los paneles, en la línea de tiempo ni en los menús de Google Web Designer. Haga clic en cualquiera de estas partes de la interfaz o pulse la tecla Esc para desactivar el cuentagotas automático.

La herramienta de cuentagotas no se fija en los valores alfa (transparencia). Por ejemplo, si un elemento aparece en rosa porque es de color rojo y translúcido sobre un fondo blanco, el cuentagotas seleccionará el color rosa con el 100 % de opacidad cuando se utilice en el elemento.

Dar color a elementos

Para cambiar el color de fondo de una página, use el campo Relleno del panel Propiedades cuando no haya elementos seleccionados.

Puede modificar el color de trazo y relleno de los elementos mediante las herramientas de color. Puede ajustar los colores en los paneles Color y Propiedades, o bien utilizando las herramientas Trazo o Relleno de la barra de herramientas.

Para aplicar un color usando el panel Color:

1. Haga clic en el elemento al que quiere dar color.
2. En la parte superior del panel Color, haga clic en Relleno o Borde.
3. Seleccione un color en el mezclador o en la paleta de muestras.

Para aplicar un color usando el panel Propiedades, siga estos pasos:

1. Haga clic en el elemento al que quiere dar color.
2. En la sección Estilo del panel Propiedades, haga clic en la muestra de color situada junto al campo Color de relleno o Color del borde para abrir el mezclador de colores.
3. Seleccione un color en el mezclador, en la paleta de muestras de color o en la escena con el cuentagotas.

Para usar la herramienta Relleno:

1. Seleccione la herramienta Relleno  en la barra de herramientas o pulse la tecla F. Si en la barra de herramientas aparecen las herramientas Trazo  o Degradado , haga clic y mantenga pulsado el botón para seleccionar la herramienta Relleno en un menú emergente.
2. Seleccione un color haciendo clic en el chip de color de la barra de herramientas o mediante el panel Color.
3. Coloque el cursor sobre el elemento al que quiere dar color. Aparecerá un contorno verde alrededor del elemento.
4. Haga clic en el elemento.

Para usar la herramienta Trazo, siga estos pasos:

1. Haga clic y mantenga pulsada la herramienta Relleno  en la barra de herramientas y luego seleccione la herramienta Trazo  en el menú emergente. Si aparece la herramienta Degradado en la barra de herramientas, haga clic y mantenga pulsado el botón para seleccionar la herramienta Trazo en el menú emergente. También puede pulsar la tecla K.
2. Personalizar el trazo:
   • Haga clic en el chip de color de la barra de herramientas para seleccionar el color del trazo o del borde.
   • En la barra de opciones de la herramienta, especifique el ancho del borde (en la mayoría de los elementos) o del trazo (en las formas Línea y Óvalo).
   • En el menú desplegable Estilo de la barra de opciones de la herramienta, elija el estilo de borde que quiera.
   
3. Coloque el cursor sobre el elemento cuyo borde quiere cambiar. Aparecerá un contorno verde alrededor del elemento.
4. Haga clic en el elemento.

Paleta de muestras de color

La paleta de muestras de color contiene varios colores de forma predeterminada y también permite guardar colores o degradados para volver a utilizarlos fácilmente en el documento. Además, permite generar muestras a partir de los colores de una imagen. Más información sobre cómo utilizar muestras de color

Degradados

Un degradado es un relleno multicolor en el que cada color cambia al siguiente de forma gradual. Más información sobre cómo utilizar degradados