カラーコードをrgb情報に変えたい

こんばんは。

inputのtype="color"での色情報を、訳あってカラーコードではなくrgbで取得したいのです。
打ち込んだカラーコードをrgbにしてくれるツールはあるのですが、どのようにJSでプログラミングしているのかがわかりません。

教えてください。よろしくお願い致します。

行動規範の内容に同意します

回答3件

ベストアンサー

カラーコードは、#RRGGBBとなっていて、値が16進数になっているだけなので、すんなり変換できます。

javascript
1var code = "#8f5c44";
2var red   = parseInt(code.substring(1,3), 16);
3var green = parseInt(code.substring(3,5), 16);
4var blue  = parseInt(code.substring(5,7), 16);

投稿2015/12/07 07:59

maisumakun

総合スコア145932

dialbird

2015/12/07 09:35

早速のご返答ありがとうございます！仰る通りすんなりできました！ありがとうございました！

行動規範の内容に同意します

"js rgb color" で検索したら、こんなページを見つけました。

RGB⇔カラーコード変換ライブラリ http://mementoo.info/archives/1792
デモページ http://mementoo.info/archives/594 もあります。

デモページでカラーコードの欄に
#ABCDEF と入れると rgb( 170 ,205 ,239 ) と表示されます。
#yellow と入れると rgb( 255 ,255 ,0 ) と表示されます。

ライブラリーのソースコード http://www.phpied.com/files/rgbcolor/rgbcolor.js を見ると
whitesmoke: 'f5f5f5',
yellow: 'ffff00',
yellowgreen: '9acd32'
のように、色名に対する #RRBBGG 指定のデータ文が記載されていました。

投稿2015/12/07 14:19

katoy

総合スコア22324

dialbird

2015/12/08 06:10

ご返答ありがとうございます！そして返信が遅れて申し訳ありません！凄まじいコードですね........。さすがにこれは真似できそうもないです。ですがありがとうございます！またよろしくお願い致します！

行動規範の内容に同意します

javascript
1<script type="text/javascript" src="jquery-1.10.2.js"></script>
2<script type="text/javascript">
3$(function(){
4    // click時のイベント設定
5    $("#btn").on("click",function(){
6    	alert($("#c").val() );
7    })
8 });
9</script>
10
11
12<label>色（type="color"）:<input id="c" type="color" name="color"></label>
13<input id="btn" type="button" value="表示" />