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

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

移動端

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

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

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

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

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

	<head>

	   <title>RGB顏色在線轉(zhuǎn)換 - wangbatian.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>請輸入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://wangbatian.cn>學(xué)無憂</a> 

	</body>

	</html>

你可以在rgb的后面分別輸入0-255之間的值，后面會自動算出hex的值，運行效果如圖所示：

rgb轉(zhuǎn)換效果圖