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

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

スポンサーリンク




使い方

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

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

表示について

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

用途など

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

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

関連記事

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

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

記事を読む

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

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

記事を読む

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

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

記事を読む

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

日数・片道料金入力 日数日 片道代金1円 片道代金2円 片道代金3円 計算

記事を読む

Redmine3.2をUbuntu14.04にインストールして躓いた所についてメモ

はじめに Ubuntu14.04 ServerにRedmine3.2をインストールしました。基本的

記事を読む

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

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

記事を読む

逆行列検算確認ツール

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

記事を読む

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

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

記事を読む

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

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

記事を読む

NVIDIA DIGITSをSupervisorを使って自動起動する

はじめに 先日Ubuntu14.04にDIGITS 5をGPUなしP

【2017年度】GeForce 1080 Ti搭載BTOパソコン比較

はじめに 最近ディープラーニング用にGPUのないPCにDIGITSを

Windows用のシンプルなストップウォッチソフト紹介

Windows(10)でも使える使いやすいKAZAMITimerという

MNISTをDIGITS 5のCPUのみで試す(GPUなし)

はじめに DIGITSを使えばGUI操作で簡単にディープラーニングが

Windowsユーザが初めてMacBookを購入したときの注意点や感想

最近12インチのMacBookを購入しました。今までWindowsしか

Redmine3.2をUbuntu14.04にインストールして躓いた所についてメモ

はじめに Ubuntu14.04 ServerにRedmine3.2

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

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

→もっと見る

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