いま見ているページをグレースケールにするブックマークレット

"色を色で見ないで" という記事に感銘を受けたので作ってみました。

下のリンクをブラウザのブックマークにドラッグしてお使いください。

(function(e){
  document.body.style['-webkit-filter']='saturate(0%)';
})()

CSS の filter プロパティを使っていて、Chrome、Safari、Opera で動作します。

これ、YouTube の動画だろうと問答無用でグレースケールになって、たとえばきゃりーぱみゅぱみゅの PV みたいな色の多い映像でも、白黒でみると、きちっとコントラストつけられてるのがわかっておもしろいです。