ブロックの色

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

ブロックの追加の色は、メインカラーから派生します。たとえば、シャドウ ブロックはメインカラーの彩度を下げたバージョンで、枠線の色はより暗いバージョンです。

ヒント: シャドウ ブロックやボーダーの色をより細かく制御するには、テーマの定義をご覧ください。

ブロックの色を設定する

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

JSON

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

JavaScript

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

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

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

ユーザー補助

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