RGBの値から色を確認するツール

公開日: : 最終更新日:2014/08/14 ツール

スポンサーリンク




使い方

右側のカラーピッカーから色を選択するとそのカラーコードや0~255、0.~1.0(有効数字4ケタにしています)のRGB値、BGR値を取得することができますのでテキストボックス内からコピペして使ってください。

また、逆にカラーコードやRGB値を該当するテキストボックスにカンマ区切りで入力することでその色情報を確認することができます。正規表現で置換処理をしているので多少ルーズな入力でも大丈夫です。ただし、0~1の間の値は値に若干誤差がでてしまうことがあるので注意してください。

表示について

左側のカラーボックスでは中央に選択した色が、その周りには彩度、色相を少しずつ変更した色が表示されます。クリックをすると選択状態が移行して色情報を見ることができ、ダブルクリックするとクリックした位置が中央になるように移動します。

用途など

WebサイトだけでなくOpenGLOpenCVなどのプログラミングなど色を指定するシーンで活用してください。また、これを作る際に使用したライブラリ(Farbtastic Color Picker)についてはこちらを参照してください。

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

【3DCG・MMD】カメラレンズによる見え方シミュレータ作成について

カメラのレンズが違うことでどのくらい出来上がる写真に差が出てくるのかを確かめることのできるシミュレー

記事を読む

【javascript】正規表現文字抽出簡易ツール

jQueryで作成した正規表現による文字抽出用スクリプトです。 (使い方) 「正規表

記事を読む

【ImgToAA】画像をAA化するツール

指定の画像を読み込ませてAA化するツールです。サンプルはこちら。 (使い方) 画像ファイ

記事を読む

【javascript】正規表現文字置換簡易ツール

jQueryで作成した正規表現による文字抽出用スクリプトです。 (使い方) 「正規表

記事を読む

チェスボード画像自動生成ツール

1マスのサイズ(ピクセル) マスの数× 左上が白 枠をつけるか 枠の色白黒

記事を読む

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0 RSS2.0 atom

記事を読む

逆行列検算確認ツール

テキストから値を入力 入力する行列 行列のサイズ: 2 3 4

記事を読む

【PASMO・SUICA】特典バスチケット交通費計算ツール

#spinnerd,#spinnerm1,#spinnerm2,#spinnerm3{ wi

記事を読む

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑