カラー文字列／16進数変換を行う

書式

colorArray = bytefx.$color2rgb(colorString)

colorString : #rgb, #rrggbb形式の文字列
colorArray : [red, green, blue]の配列

説明

　カラー文字列を[red, green, blue]の三原色を示す配列に変換するにはbytefx.$color2rgb()を使います。パラメータには#rgb, #rrggbb 形式のカラーコードを指定します。

Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="bytefx_OS.js"></script>
<script type="text/javascript"><!--
function toHex(){
var colorString = document.getElementById("cValue").value;
var n = bytefx.$color2rgb(colorString);
document.getElementById("result").innerHTML = n;
}
function toStr(){
var colorValue = document.getElementById("cValue").value;
var tmp = eval("["+colorValue+"]");
var n = bytefx.$rgb2color(tmp);
document.getElementById("result").innerHTML = n;
}
// --></script>
</head>
<body>
<h1>カラー文字列／16進数値変換</h1>
<form>
<input type="text" value="#aa0022" id="cValue"><br>
<input type="button" value="#rrggbbから数値" onClick="toHex()"><br>
<input type="button" value="数値から#rrggbb" onClick="toStr()">
</form>
<div id="result"></div>
</body>
</html>