bytefxではカラー文字列とカラーコードの相互変換を行うことができます。#rrggbbまたは#rgbで示される16進カラー文字列を[r g, b]の10進数配列に変換するにはbytefx.$color2rgbを使います。パラメータには#rrggbbまたは#rgb形式の文字列を指定します。
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>bytefx : カラー文字列／16進数値変換</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>bytefx : カラー文字列／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>