Canvasで色の変化を見てみよう

架空の8×8色見本を使い、明るさと白黒の違いを体験します。写真アップロード・外部通信・ログインは不要です。

まず試す

①明るさを+60へ → ②右の色とRGB数値を見る → ③白黒にチェック。

左が元画像、右が加工後

元画像（変更なし）
加工後

読み込み中

色が見分けにくい場合も、上のRGB数値で変化を確認できます。

この教材はブラウザ標準のCanvas 2Dだけを使います。GitHub Pages上での公開到達・WordPress実表示は未確認です。