ブロックの色

ほとんどの Blockly アプリでは、さまざまなブロックの色を使用して、ブロックをカテゴリごとに視覚的にグループ化します。Blockly に付属のブロックにはいくつかのカテゴリがあり、デモのさまざまなツールバー カテゴリで色が反映されています。

各ブロックの色が示されたワークスペースのスクリーンショット。

ブロックの追加の色は、メインカラーから派生しています。たとえば、 シャドウ ブロック はメインカラーの彩度を落としたバージョンで、ボーダーの色は濃い バージョンです。

ブロックの色を設定する

ブロックのプライマリ カラーは、JSON または JavaScript で定義できます。色相（推奨）、RGB 値、または色名を渡すことができます。詳しくは、色の形式をご覧ください。

JSON

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

JavaScript

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

イギリス英語のスペルに注意してください。色を設定しないと、ブロックが黒になります。

`Block.setColour(..)` Block.setColour(..) 関数を使用するか、テーマ を使用してブロック スタイルを定義して、ブロックの色を設定することもできます。

ユーザー補助

色がユーザー補助に与える影響については、色と ユーザー補助をご覧ください。