将RGB格式的颜色值转换为十六进制

使用JavaScript中提供的parseInt()方法和Number对象的toString()方法，parseInt()方法用于返回由字符串转换得到的整数，Number对象的toString()方法用于将数值转换为字符串，该方法可以返回数字的不同进制的值

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<script language="javascript"> function toHex(r,g,b){//如果R、G、B的值为空，修改为0if(r==""){r=0;}if(g==""){g=0;}if(b==""){b=0;}var red = parseInt(r).toString(16);     //R值的16进制字符串if(red.length<2){                        //少于2位 ， 补0red="0"+red;}var green = parseInt(g).toString(16);   //G值的16进制字符串if(green.length<2){                      //少于2位 ， 补0green="0"+green;}var blue = parseInt(b).toString(16);    //B值的16进制字符串if(blue.length<2){                       //少于2位 ， 补0blue="0"+blue;}return "#"+red+green+blue;                //组合成一个RGB颜色字符串
}function convert(){var R = document.getElementById("r_value").value;var G = document.getElementById("g_value").value;var B = document.getElementById("b_value").value;if(isNaN(R)){alert("您输入的(R)颜色值必须为0-255之间的数字！");return ;}else{if(R>255){alert("请输入0-255之间的数字！");return;}}   if(isNaN(G)){alert("您输入的(G)颜色值必须为0-255之间的数字！");return ;}else{if(G>255){alert("请输入0-255之间的数字！");return;}}if(isNaN(B)){alert("您输入的(B)颜色值必须为0-255之间的数字！");return ;}else{if(B>255){alert("请输入0-255之间的数字！");return;}}document.getElementById("hex_num").value = toHex(R,G,B);}</script>
<body>
<fieldset class="style1"><legend>RGB颜色值转换</legend>
<form action="" id="myform">
<table align="center"><tr><td>请输入要转换的RGB颜色分量值：</td></tr><tr><td>R:<input type="text" id="r_value" size="8"><font>(0-255)</font><br/>G:<input type="text" id="g_value" size="8"><font>(0-255)</font><br/>B:<input type="text" id="b_value" size="8"><font>(0-255)</font></td></tr><tr><td>转换后十六进制的颜色值：</td></tr><tr><td><input type="text" id="hex_num" size="30"></td></tr><tr><td align="center"><input type="button" value="转换" "convert()"><input type="reset" value="重置"></td></tr>
</table>
</form>
</fieldset>
</body>
</html>

将RGB格式的颜色值转换为十六进制相关推荐

在Python中使用OpenCV将RGB格式的图像转换为HSV格式的图像
An HSV is another type of color space in which H stands for Hue, S stands for Saturation and V stand ...
rgb格式颜色与#000000十六进制格式颜色的转换原理
首先,#000000格式的颜色被称为十六进制颜色码: 6位数分为三组,每两位数一组,依次是红.黄.蓝颜色的强度: 而与此对应的,rgb(39,137,202)依次是十进制的红黄蓝颜色: 因此将rgb格 ...
十六进制颜色值域RGB格式颜色值之间的相互转换
2019独角兽企业重金招聘Python工程师标准>>> //十六进制颜色值的正则表达式 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; ...
C#实现将RGB颜色值转换为0x颜色代码
在此示例代码中,我们使用Console.ReadLine()函数从用户输入中读取RGB颜色值.接着,我们使用string.Split()函数将RGB颜色值字符串分割为R.G.B三个分量的字符串,并使用 ...
RGB颜色值与十六进制颜色码怎么相互转换？
问题我们经常看到网上的在线工具里有RGB颜色值与十六进制颜色码转换工具,那么这个是怎么实现的呢? 实现 rgb(255, 255, 255) => "#" + " ...
十六进制、RGB 与 VBA颜色值对照表
十六进制.RGB 与 VBA颜色值对照表颜色名称 RGB颜色十六进制颜色代码 VBA颜色代码颜色效果黑色 0,0,0 #000000 &H000000 象牙黑 41,36,33 #29 ...
随机颜色十六进制(#ffffff)或rgb格式
// 定义一个随机颜色的函数 function getRandomColor(flag = true) { // 如果是true就传递 #ffffff格式,否则传rgb格式 if (flag) { l ...
RGB颜色值与十六进制颜色码转换（在线）
RGB颜色值与十六进制颜色码转换工具:https://littlehiuman.github.io/19-ColorValueChange/ 可以根据RGB颜色值转换成16进制颜色码, 也可以根据16 ...
RGB颜色值与十六进制颜色码转换
当前位置:首页 > 应用工具 > RGB颜色值与十六进制颜色码转换工具 RGB颜色值转换成十六进制颜色码: 十六进制颜色码转换成RGB颜色值: 颜色码对照表颜色英文代 ...

将RGB格式的颜色值转换为十六进制

将RGB格式的颜色值转换为十六进制相关推荐

最新文章

热门文章