Grayscaler

概要

画面上のウィンドウ等に以下の加工を加えたものをリアルタイムに出力します。

• グレースケール化
• 左右反転

ペイントソフト(Adobe Photoshop, Clip Studio Paint 等)でイラスト制作を行う際の支援ツールです。

グレースケール化 : Grayscale

作品のカラーバランスを調整するために、一旦グレースケール化させて確認する、という手法があります。 レイヤーを統合してグレースケール変換を実行したり、白で塗りつぶした色相モードレイヤーを上に重ねて表示オンオフを切り替えるなどの方法が通常はとられるようですが、やや煩雑です。

本ツールを使用すると、カラーとグレースケールの両方をリアルタイムに見比べながら調整することができて便利です(多分)。

左右反転 : Flip Vertically

オンにすると左右反転した状態の画像を表示します。 デッサンの狂いなどにリアルタイムで気付きやすくなります(多分)

動作環境

ブラウザ: Chrome, Edge

現時点で Safari では動作しません。

使い方

• https://raw.githubusercontent.com/egawata/grayscaler/refs/heads/master/grayscaler.html をダウンロード
• 表示させたいウィンドウをあらかじめ開いておく
• ダウンロードした grayscaler.html をブラウザで開く
  • ブラウザから追加の権限を求められる場合があります
• ...と共有する情報を選択する という画面が出てきたら、ウィンドウ タブから目的のウィンドウを選択して 共有

オンラインで確認

https://egawata.tokyo/grayscaler でも動作環境を用意しています。使用感を試したい場合はこちらもお使いください。

License

Licensed under the Apache 2.0 license. Copyright (c) 2024-2025 by egawata