Bloquear colores

La mayoría de las apps de Blockly usan una variedad de colores de bloques para agrupar visualmente los bloques en categorías. Los bloques que se incluyen con Blockly tienen varias categorías, y los colores se reflejan en las diversas categorías de la barra de herramientas en las demostraciones:

Captura de pantalla de un espacio de trabajo con un ejemplo de cada color de bloque.

Los colores adicionales del bloque se derivan del color principal. Por ejemplo, los bloques de sombra son una versión desaturada del color principal, y los colores de los bordes son una versión más oscura.

Cómo establecer el color de bloqueo

El color principal de un bloque se puede definir en JSON o JavaScript. Puedes pasar el tono (preferido), el valor RGB o el nombre del color. Para obtener más información, consulta Formatos de color.

JSON

{
  // ...,
  "colour": 160,
}

JavaScript

init: function() {
  // ...
  this.setColour(160);
}

Ten en cuenta la ortografía británica. Si no se establece el color, se mostrará un bloque negro.

También puedes establecer el color del bloque con la función Block.setColour(..) o con temas y definir un estilo de bloque.

Accesibilidad

Para obtener información sobre cómo el color afecta la accesibilidad, consulta Color y accesibilidad.