Chroma-Hash Demo

入力したパスワードをビジュアライズできる「Chroma-Hash」。
次のように、パスワードフィールドの横に３色の図形を描画できます。



ビジュアライズすることで、パスワードの確認に、同じパスワードが入っているかをチェックすることが可能です。



パスワードが違うと次のように色が違うので一目瞭然です。

パスワードフィールドは、●になっていて何が入っているか分かりませんが、このように色で再現されれば入力が分かるというわけですね。
ちゃんとしたライブラリを使わないと、この図からパスワードを推測されてしまうので注意は必要ですが、仕組みとして面白いですね。