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

公開日: : 最終更新日:2017/11/06 ツール

スポンサーリンク


使い方

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

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

表示について

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

用途など

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



スポンサーリンク
Amazon

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

関連記事

無料のDAZ Studioに課金しまくってわかったこと

はじめに  初めにお断りしておきますがこれから書く意見はあくまで素人

[最後のレストラン]ジャンヌ「出来らあっ!」

はじめに 「スーパーくいしん坊」という漫画の有名なシーンがこちら

[日本株]特定の個別銘柄の大株主一覧をネットで見る方法

 個別株を購入する際に大株主情報をネットで検索して参考にしようと思った

[DAZ Studio]目線をカメラに向ける方法

DAZ Studioでフィギュアの目線をカメラに向ける方法についてです

[TortoiseGit]ブランチ作成とマージの方法(ローカル)

 私はGitを使うときはTortoiseGitを利用しているのですが、

→もっと見る

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