RGB顏色在線轉(zhuǎn)換為16進(jìn)制Hex值

2012/11/30 11:01:28作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

我們平時(shí)都清楚在RGB顏色中分別每個(gè)一顏色值都是0-255，然而在網(wǎng)頁(yè)設(shè)計(jì)中卻是采用16進(jìn)制來(lái)表示，那么如何把0-255的顏色值轉(zhuǎn)換成16進(jìn)制的00-FF呢，這里介紹兩種辦法實(shí)現(xiàn)RGB顏色在線轉(zhuǎn)換為16進(jìn)制Hex值：

方法一、進(jìn)入PS，然后在顏色值當(dāng)中分別輸入RGB的值，你可以看到在下面的一個(gè)框中有Web值，這個(gè)就是16進(jìn)制值了，如圖所示：

RGB顏色在線轉(zhuǎn)換為16進(jìn)制Hex值

方法二、還有一種就是可以通過(guò)在線轉(zhuǎn)換，下面這個(gè)實(shí)例就是RGB顏色在線轉(zhuǎn)換的代碼，可以通過(guò)在線獲取用戶輸入的RGB值，將RGB轉(zhuǎn)換為16進(jìn)制Hex值，代碼如下：

	<html xmlns="http://www.w3.org/1999/xhtml">

	<head>

	   <title>RGB顏色在線轉(zhuǎn)換 - www.yzddtk.cn</title>

	<SCRIPT LANGUAGE="JavaScript">

	function showRGB(f) 

	{

	//獲取用戶輸入的RGB值

	red = f.red.value;

	green = f.green.value;

	blue = f.blue.value;

	//將RGB轉(zhuǎn)換為16進(jìn)制Hex值

	hexcode = "#" +toHex(red) + toHex(green) + toHex(blue);

	document.bgColor  = f.hexval.value = hexcode;

	}

	function toHex(d){

	if (isNaN(d)){

	d=0;

	}

	//16進(jìn)制轉(zhuǎn)換方法

	var n=new Number(d).toString(16);

	return (n.length==1?"0"+n:n);

	}

	</script>

	</head>

	<body>

	<form name="rgbform">

	<b>請(qǐng)輸入RGB顏色值(0 to 255)</b><br>

	Red:   <input type="text" name="red" size="5"><br>

	Green: <input type="text" name="green" size="5"><br>

	Blue:  <input type="text" name="blue" size="5"><br>

	<input type="button" value="顯示Hex #" onClick="showRGB(this.form)"> 

	Hex值為:  <input type="text" name="hexval" size="7">

	</form>

	<br />

	<a href=http://www.yzddtk.cn>學(xué)無(wú)憂</a> 

	</body>

	</html>

你可以在rgb的后面分別輸入0-255之間的值，后面會(huì)自動(dòng)算出hex的值，運(yùn)行效果如圖所示：

rgb轉(zhuǎn)換效果圖