tande lab.

色泥棒 – Chrome Extension

サイトで使われている色をワンクリックで一覧&コピーできる Chrome Extension です。

インストール後、任意のページ上でアイコンをクリックすると
そのページ内で使われている色情報を抽出し、カラーセットとして一覧表示します。

リスト上の任意の色をクリックすると、RGB値またはHEX値をクリップボードにコピーでき、
HTMLやCSSなどへそのままペーストして利用することができます。

憧れサイトのカラースキームをおちゃめに泥棒しちゃいましょう!

公開URL
Chrome ウェブストア – Color Thief – 色泥棒
Chrome Web Store

Github URL
https://github.com/koeri/colorThief

最新バージョン
Ver. 0.1.5

公開日
2012.8.23

作った人
@koeri

関連記事
[JavaScript] ローカルストレージを利用する
[JavaScript] テキストをクリップボードにコピーする
レトロなフォント “懐映体” がステキ
[JavaScript] 重複する値を排除しながら配列に追加する
[JavaScript] 背景色によってテキスト色を変更する
[JavaScript] 色表記の変換が簡単なライブラリ rgbcolor.js

更新履歴

Ver. 0.1.5 – 2013.4.29
Bug fix.

Ver. 0.1.4 – 2013.4.22
[Chrome] 色泥棒 Extension 更新 (0.1.4)
前回選択した色の表示形式 (RGB値 or HEX値) を保存するようにしました。

Ver. 0.1.3 – 2012.8.23
[Chrome] サイトで使われている色を一覧&コピーできる拡張機能 “色泥棒” リリース
リリースしました。

宣伝用バナー

自由に使ってください。
色泥棒 - Chrome Extension

225*60 貼付け用 HTMLタグ

<a href="http://j.mp/NlnsF9">
<img src="http://tande.jp/img/banner_colorthief_225x60.png" alt="色泥棒 - Chrome Extension" />
</a>