canvasで色相環 - MEMO:はてな支店
canvasを使って色相環を描いてみた http://kar.s206.xrea.com/js/colors.html 色の変化のさせかたを自分で考えるのが目的だったのでグラデーションの技は使わず１ピクセルずつ処理してる。 なのでかなり重い処理になってるので注意。 RGB各色が0〜255の256階調なので、半径256ドット、60度(π/3ラジアン)を256分割にした。 関数psetsの引数でrのみの指定がメインとなる色、r*th/255が徐々に混じる色、0が使わない色。 関数nの255-rを生かすと中央が白から始まる円、0(=255-255)にすると中央が黒から始まる円になる。 <html> <head> <title>Colors</title> <script> window.onload = function(){ c = document.getElementsByTagName(
色の処理に特化した軽量ライブラリ「Chroma.js」
こんにちは、古見澤（コミザワ）です。最近は寒いですね。 自宅に加湿器を導入して潤いが増した一方、結露が酷くて窓際や玄関がカビそうで困ってます。 さて今回は Chroma.js という色に関するJSライブラリに触れる機会があったのですが、日本語の記事が殆ど見つからなかったため、この紹介をしようと思います。 Chroma.js とは 色を補正したり、色空間の変換をしたり、カラースケールを設定して色を得る事ができる、色に関する振る舞いに特化した軽量（32.8 KB）なJSライブラリです。 多くの色空間に対応しており、CSSやJavaScriptで扱いやすい形で色情報を取得することができます。 ソースはgit上にあり、ライセンスは BSD license です。 Chroma.js サンプル 下の例は色の補正機能を使い、X11カラーのpink（#ffc0cb）をベースに、明るさを下げ、彩度を上げ、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
