赤を使わず、
赤を感じる画像へ。

このツールでできることと、使いどころ

白・黒・純シアンの3色だけで画像を作り直すツールです。保存されるPNGには赤の画素が1つも含まれていないのに、見る条件によっては赤みを感じることがあります。X（旧Twitter）に投稿すると「なぜ赤く見えるのか」という話題になりやすいため、画像そのものを話のきっかけにしたい時に向いています。

使い方は3ステップ

1. 「画像を選ぶ」から変換したい画像を選びます。PNG・JPEG・WebPなど、ブラウザが表示できる形式に対応しています。
2. 読み込むと自動で変換され、結果がその場に表示されます。ボタンを押して処理を待つ必要はありません。
3. 「補色錯視PNGを保存」を押すと、端末にダウンロードされます。ファイル名は元画像の名前に -three-color-illusion を付けたものになります。

中で何をしているか

画像の横幅を67本を目安にした縦ストライプに分け、ストライプごとに違う変換をかけています。1本あたりの幅は画像の横幅から計算するため、大きい画像ほどストライプ1本も太くなります。横幅が狭い画像では最低6ピクセルまでに留めます。

結果として、実際に使われる色は白・黒・純シアンの3つだけになります。元画像で赤かった部分は、白とシアンが細かく交互に並ぶ領域として表現されます。この並びを離れて見た時に、赤みとして感じられることがあります。

向いている画像・向かない画像

• 向いている：赤や暖色がはっきり入っている、明暗の差が大きい、輪郭が太い。イラストやロゴ、単色背景の写真は結果が読み取りやすくなります。
• 向かない：全体が淡い、細かい模様が多い、文字が小さい。ストライプに細部が埋もれて何の画像か分からなくなります。
• 横幅が小さすぎる画像は、ストライプが粗く見えます。長辺1,000ピクセル程度あると安定します。

見え方が変わる要因

この見え方は目と脳の性質によるもので、全員に同じように起きるわけではありません。次の条件で印象が変わります。

• 表示サイズ：縮小表示されるとストライプが潰れ、効果が弱くなります。スマホのタイムラインでは特に縮みやすいので、投稿前に実際の表示サイズで確認してください。
• 画面と環境：ディスプレイの色設定、明るさ、周囲の照明で見え方が変わります。ダークモードかどうかでも印象が違います。
• 見る距離：少し離れて見た方が、ストライプが混ざって色として感じられやすくなります。
• 再圧縮：SNSにアップロードすると自動で圧縮され、ストライプの境界がぼやけることがあります。PNGのまま投稿できる経路を選ぶと崩れにくくなります。

保存されるファイルについて

出力は元画像と同じピクセルサイズのPNGです。拡大や縮小をせず、1画素ずつ置き換えているため、ストライプの間隔が崩れません。保存後に別のアプリでリサイズすると効果が薄れることがあるので、投稿する時はそのまま使うのがおすすめです。