![見出し画像](https://assets.st-note.com/production/uploads/images/152686944/rectangle_large_type_2_22412efe1ed051abe769f854658bfbcf.png?width=1200)
ボタンのデフォルトの色コードは?
例えば、ボタンを押すたびにボタンの色がデフォルト(灰色?)と黄色に変わるようにするため、図1のようにブロックをプログラムした。デフォルトの灰色はBuilt in のColorブロックから灰色(図2の下から3番目)をセット。
![](https://assets.st-note.com/img/1725125160478-XRm7UwEEXs.png?width=1200)
![](https://assets.st-note.com/img/1725122466157-8K1CrpYlS8.png)
ところが、実際に動かしてみると、最初のクリックでは、微妙に灰色が濃くなるだけで黄色にならない。つまり、図1、図2で指定した灰色は似てはいるが、デフォルトの灰色とは異なるようだ。
実際、図3のブロックで色コードに分解してみると、
・デフォルトの灰色は [0, 0, 0, 0] が、Built in のColorブロックの灰色(図2)は [204, 204, 204, 255] になった。
![](https://assets.st-note.com/img/1725123724610-UIZ4wUAj00.png?width=1200)
2行目:Built in のColorの灰色をRGBAに分解して表示するブロック
対応方法は、次の2つがある。
【対応方法1】
デザイン編集で、ボタンの色を 「Light Gray」に変更する(図4)
![](https://assets.st-note.com/img/1725124187770-NjgfiwjA8y.png)
【対応方法2】
Colors ブロックの make color メソッドでデフォルトの灰色を作成し、これを利用する(図5)
![](https://assets.st-note.com/img/1725125002278-mxQbtKFcos.png?width=1200)
どちらでも、結果は同じになるが、
ブロックプログラムを簡単にしたければ対応方法1を、デフォルトの色にこだわるのであれば対応方法2を選択することになる。
Built in のColorsブロックで、デフォルトの灰色を選択できればよかったんだが・・・。
(以上)