颜色值转颜色代码

最新推荐文章于 2023-02-23 21:01:12 发布
最新推荐文章于 2023-02-23 21:01:12 发布
阅读量1.1k 收藏
点赞数
分类专栏： 样式 文章标签： input c javascript hex html button

保存为HTML页面即可查看

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>自己输入各颜色值从而得到最后的背景颜色代码</TITLE>

<style type="text/css">

<!--

body { font-family: "宋体"; font-size: 9pt; margin-top: 0px;

margin-left: 0px; margin-right: 0px}

A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION:

none }

 A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400;

TEXT-DECORATION: underline }

a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

 

-->

</style>
<SCRIPT LANGUAGE="JavaScript">

 

 

<!-- Begin

function showRGB(f) {

red = f.red.value;

green = f.green.value;

blue = f.blue.value;

var hexarray= new Array(256);

hexarray[0]="00"; hexarray[1]="01"; hexarray[2]="02";

hexarray[3]="03"; hexarray[4]="04"; hexarray[5]="05";

hexarray[6]="06"; hexarray[7]="07"; hexarray[8]="08";

hexarray[9]="09"; hexarray[10]="0A"; hexarray[11]="0B";

hexarray[12]="0C"; hexarray[13]="0D"; hexarray[14]="0E";

hexarray[15]="0F"; hexarray[16]="10"; hexarray[17]="11";

hexarray[18]="12"; hexarray[19]="13"; hexarray[20]="14";

hexarray[21]="15"; hexarray[22]="16"; hexarray[23]="17";

hexarray[24]="18"; hexarray[25]="19"; hexarray[26]="1A";

hexarray[27]="1B"; hexarray[28]="1C"; hexarray[29]="1D";

hexarray[30]="1E"; hexarray[31]="1F"; hexarray[32]="20";

hexarray[33]="21"; hexarray[34]="22"; hexarray[35]="23";

hexarray[36]="24"; hexarray[37]="25"; hexarray[38]="26";

hexarray[39]="27"; hexarray[40]="28"; hexarray[41]="29";

hexarray[42]="2A"; hexarray[43]="2B"; hexarray[44]="2C";

hexarray[45]="2D"; hexarray[46]="2E"; hexarray[47]="2F";

hexarray[48]="30"; hexarray[49]="31"; hexarray[50]="32";

hexarray[51]="33"; hexarray[52]="34"; hexarray[53]="35";

hexarray[54]="36"; hexarray[55]="37"; hexarray[56]="38";

hexarray[57]="39"; hexarray[58]="3A"; hexarray[59]="3B";

hexarray[60]="3C"; hexarray[61]="3D"; hexarray[62]="3E";

hexarray[63]="3F"; hexarray[64]="40"; hexarray[65]="41";

hexarray[66]="42"; hexarray[67]="43"; hexarray[68]="44";

hexarray[69]="45"; hexarray[70]="46"; hexarray[71]="47";

hexarray[72]="48"; hexarray[73]="49"; hexarray[74]="4A";

hexarray[75]="4B"; hexarray[76]="4C"; hexarray[77]="4D";

hexarray[78]="4E"; hexarray[79]="4F"; hexarray[80]="50";

hexarray[81]="51"; hexarray[82]="52"; hexarray[83]="53";

hexarray[84]="54"; hexarray[85]="55"; hexarray[86]="56";

hexarray[87]="57"; hexarray[88]="58"; hexarray[89]="59";

hexarray[90]="5A"; hexarray[91]="5B"; hexarray[92]="5C";

hexarray[93]="5D"; hexarray[94]="5E"; hexarray[95]="6F";

hexarray[96]="60"; hexarray[97]="61"; hexarray[98]="62";

hexarray[99]="63"; hexarray[100]="64"; hexarray[101]="65";

hexarray[102]="66"; hexarray[103]="67"; hexarray[104]="68";

hexarray[105]="69"; hexarray[106]="6A"; hexarray[107]="6B";

hexarray[108]="6C"; hexarray[109]="6D"; hexarray[110]="6E";

hexarray[111]="6F"; hexarray[112]="70"; hexarray[113]="71";

hexarray[114]="72"; hexarray[115]="73"; hexarray[116]="74";

hexarray[117]="75"; hexarray[118]="76"; hexarray[119]="77";

hexarray[120]="78"; hexarray[121]="79"; hexarray[122]="7A";

hexarray[123]="7B"; hexarray[124]="7C"; hexarray[125]="7D";

hexarray[126]="7E"; hexarray[127]="7F"; hexarray[128]="80";

hexarray[129]="81"; hexarray[130]="82"; hexarray[131]="83";

hexarray[132]="84"; hexarray[133]="85"; hexarray[134]="86";

hexarray[135]="87"; hexarray[136]="88"; hexarray[137]="89";

hexarray[138]="8A"; hexarray[139]="8B"; hexarray[140]="8C";

hexarray[141]="8D"; hexarray[142]="8E"; hexarray[143]="8F";

hexarray[144]="90"; hexarray[145]="91"; hexarray[146]="92";

hexarray[147]="93"; hexarray[148]="94"; hexarray[149]="95";

hexarray[150]="96"; hexarray[151]="97"; hexarray[152]="98";

hexarray[153]="99"; hexarray[154]="9A"; hexarray[155]="9B";

hexarray[156]="9C"; hexarray[157]="9D"; hexarray[158]="9E";

hexarray[159]="9F"; hexarray[160]="A0"; hexarray[161]="A1";

hexarray[162]="A2"; hexarray[163]="A3"; hexarray[164]="A4";

hexarray[165]="A5"; hexarray[166]="A6"; hexarray[167]="A7";

hexarray[168]="A8"; hexarray[169]="A9"; hexarray[170]="AA";

hexarray[171]="AB"; hexarray[172]="AC"; hexarray[173]="AD";

hexarray[174]="AE"; hexarray[175]="AF"; hexarray[176]="B0";

hexarray[177]="B1"; hexarray[178]="B2"; hexarray[179]="B3";

hexarray[180]="B4"; hexarray[181]="B5"; hexarray[182]="B6";

hexarray[183]="B7"; hexarray[184]="B8"; hexarray[185]="B9";

hexarray[186]="BA"; hexarray[187]="BB"; hexarray[188]="BC";

hexarray[189]="BD"; hexarray[190]="BE"; hexarray[191]="BF";

hexarray[192]="C0"; hexarray[193]="C1"; hexarray[194]="C2";

hexarray[195]="C3"; hexarray[196]="C4"; hexarray[197]="C5";

hexarray[198]="C6"; hexarray[199]="C7"; hexarray[200]="C8";

hexarray[201]="C9"; hexarray[202]="CA"; hexarray[203]="CB";

hexarray[204]="CC"; hexarray[205]="CD"; hexarray[206]="CE";

hexarray[207]="CF"; hexarray[208]="D0"; hexarray[209]="D1";

hexarray[210]="D2"; hexarray[211]="D3"; hexarray[212]="D4";

hexarray[213]="D5"; hexarray[214]="D6"; hexarray[215]="D7";

hexarray[216]="D8"; hexarray[217]="D9"; hexarray[218]="DA";

hexarray[219]="DB"; hexarray[220]="DC"; hexarray[221]="DD";

hexarray[222]="DE"; hexarray[223]="DF"; hexarray[224]="E0";

hexarray[225]="E1"; hexarray[226]="E2"; hexarray[227]="E3";

hexarray[228]="E4"; hexarray[229]="E5"; hexarray[230]="E6";

hexarray[231]="E7"; hexarray[232]="E8"; hexarray[233]="E9";

hexarray[234]="EA"; hexarray[235]="EB"; hexarray[236]="EC";

hexarray[237]="ED"; hexarray[238]="EE"; hexarray[239]="EF";

hexarray[240]="F0"; hexarray[241]="F1"; hexarray[242]="F2";

hexarray[243]="F3"; hexarray[244]="F4"; hexarray[245]="F5";

hexarray[246]="F6"; hexarray[247]="F7"; hexarray[248]="F8";

hexarray[249]="F9"; hexarray[250]="FA"; hexarray[251]="FB";

hexarray[252]="FC"; hexarray[253]="FD"; hexarray[254]="FE";

hexarray[255]="FF";

hexcode = "#" + hexarray[red] + hexarray[green] + hexarray[blue];

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

}

// End -->

</script>

</HEAD>
<BODY >

<center>

 <table border=5 bordercolor=#000000 borderlight=green>
 <tr bordercolor="#000000" bgcolor="#000000">
 <td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"></font></td>
 </tr>

 <tr bordercolor="#000000" bgcolor="#000000">
 <td width=330 height=100 align=center>
 <form name=rgbform>
 <b><font color="#33FF33">请输入RGB颜色值(0 to 255)</font></b><font color="#33FF33"><br>
 Red:
 <input type="text" name="red" size="4">
 <br>
 Green:
 <input type="text" name="green" size="4">
 <br>
 Blue:
 <input type="text" name="blue" size="4">
 <br>
 <input type=button value="Show Hex #" onClick="showRGB(this.form)">
 Hex code:
 <input type=text name=hexval size=7>
 </font>
 </form></td></tr>

</table></center>
</BODY></HTML> 

xuyabao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Lua 颜色值转换 -- Color
iDaDi的博客
08-07 5428
ColorTools.lua --[[ 备注 : 色值格式化、转换和定义 ]] ---------------------------------------------------------------------------------------------- local strfmt = string.format local strsub = string.sub ----------------------------------------------------------------
Android RGB颜色值对照表
u012514113的专栏
09-21 6301
Android RGB颜色值对照表 透明度换算
C#实现将RGB颜色值转换为0x颜色代码
编程分享
02-23 1381
在此示例代码中，我们使用Console.ReadLine()函数从用户输入中读取RGB颜色值。接着，我们使用string.Split()函数将RGB颜色值字符串分割为R、G、B三个分量的字符串，并使用int.Parse()函数将它们转换为整数。然后，我们使用位运算和位移操作将R、G、B三个分量的值合并为一个整数，然后使用字符串插值将整数转换为0x颜色代码字符串。需要注意的是，该示例代码假设用户输入的是合法的RGB颜色值。如果用户输入的不是合法的RGB颜色值，例如输入了非数字字符或超出了0~255的范围，将会
html字体颜色代码表,字体颜色代码
weixin_39536427的博客
06-07 8252
摘要 腾兴网为您分享:HTML字体颜色代码表 RGB颜色查询对照表，招联金融，掌上优云，易订货，幸福钱庄等软件知识，以及四维看看，考勤表电子表格，淘客宝，手机返利网，波罗蜜app，游戏翻译器，彩虹卡,电力仿真，油画软件，工作证件照，房屋设计效果图软件，乐加乐，婚姻树，篆刻学习，互动教学软件等软件it资讯，欢迎关注腾兴网。HTML字体颜色代码，其实就是RGB颜色值，在PS、画图工具、美图秀秀、HTM...
python背景颜色代码大全_Python实现转换图片背景颜色代码
weixin_36422176的博客
02-10 6730
在使用图片的时候有时候我们希望改变背景颜色，这样就只关注于图片本身。比如在连连看中就只有图片，而没有背景，其实我个人感觉有背景好看一点。两种方法，思路一致：法一：import cv2# 修改透明背景为白色def transparence2white(img):sp=img.shape # 获取图片维度width=sp[0] # 宽度height=sp[1] # 高度for yh in range(...
颜色代码值
热门推荐
u010955999的博客
08-30 2万+
1.色值代码 红色 #FF0000 橙色 #FF7F00黄色 #FFFF00 绿色 #00FF00 青色 #00FFFF 蓝色 #0000FF紫色 #8B00FF 2.RGB色值 赤 255,0,0橙 255,128,0黄 255,255,0绿 0,255,0青 0,255,255蓝 0,0,255紫 128,0,255 3.CMYK色值 赤 C0 M100 Y100 K0橙C10 M6...
八位颜色代码查询_RGB颜色代码全表
weixin_36212050的博客
12-23 1万+
RGB颜色代码全表颜色16进制代码颜色16进制代码颜色16进制代码颜色16进制代码颜色16进制代码#000000#2F0000#600030#460046#28004D#272727#4D0000#820041#5E005E#3A006F#3C3C3C#600000#9F0050#750075#4B0091#4F4F4F#750000#BF0060#930093#5B00AE#5B5B5B#930...
python中rgb颜色_Python 转换RGB颜色值的示例代码
weixin_35513543的博客
03-02 4881
题目：转换RBG颜色值我们知道在网页中的颜色值设置都是用16进制的RGB来表示的，比如#FFFFFF，表示R：255，G：255，B：255的白色。现在请设计一个函数可以转换RGB的16进制至10进制，或者转换10进制至16进制输出格式。例：print( color("#FFFFFF"))>>>(255, 255, 255)print( color((255,255,255))&...
16进制颜色值转RGB颜色值
studyeboy的专栏
04-18 4904
常规项目： # 16进制颜色格式颜色转换为RGB格式 def hex_to_rgb(hex): r = int(hex[1:3],16) g = int(hex[3:5],16) b = int(hex[5:7], 16) return r,g,b def add_bg_color(image, rgb): bg_img = np.zeros((image.shape[0], image.shape[1], 3), np.uint8) bg_img[:, :,
颜色代码
强哥的博客
02-22 1万+
微信小程序API绘图颜色,微信小程序颜色代码2017-12-22|HiShop|阅读量：290导读：Color 可以用以下几种方式来表示 canvas 中使用的颜色： RGB 颜色：如 'rgb(255, 0, 0)' RGBA 颜色：如 'rgba(255, 0, 0, 0.3)' 16 进制颜色：如 '#FF0000' 预定义的颜色：如 'red' 其中预定义颜色有以下...Hi小程序小编了解...
Python 转换RGB颜色值的示例代码
09-18
在Python中，我们可以编写函数来实现RGB与16进制颜色值之间的相互转换。下面将详细解释这段示例代码的工作原理： 首先，定义一个名为`digit`的列表，它包含了0到15的10进制数字以及16进制的A、B、C、D、E、F，用于...
Python实现转换图片背景颜色代码
09-16
如果透明度通道的值为0，表示该像素点是透明的，此时将其颜色设置为白色，并设置为不透明。最后，使用`cv2.imwrite()`保存处理后的图片。 代码示例如下： ```python import cv2 def transparence2white(img): sp...
c语言颜色代码详解
08-25
C语言颜色代码详解 C语言颜色代码是指在C语言中使用特殊的代码来改变控制台的显示颜色。通过使用这些代码，开发者可以在控制台中显示不同的颜色，从而提高程序的可读性和美观性。 在C语言中，改变控制台颜色的函数...
将CMYK颜色值和RGB颜色相互转换的PHP代码
10-25
本节主要介绍了将CMYK颜色值和RGB颜色相互转换的PHP代码,需要的朋友可以参考下
K8s 很难么？带你从头到尾捋一遍，不信你学不会
民工哥的博客
02-23 8792
点击关注公众号，回复“1024”获取2TB学习资源！为什么要学习 Kubernetes?虽然 Docker 已经很强大了，但是在实际使用上还是有诸多不便，比如集群管理、资源调度、文件管理等...
10天智能锁项目实战第1天（了解单片机STM32F401RET6和C语言基础）
北豼不太皮的博客
02-21 3224
10天智能锁项目实战第1天（了解单片机STM32F401RET6和C语言基础）一、学习目标二、了解单片机STM32F401RET6三、C语言基础 一、学习目标 二、了解单片机STM32F401RET6 4、STM32F401RE特征 三、C语言基础 1.数据类型 常用2的次方： 2^7 = 128 2^8 = 256 2^15 = 32768 2^16= 65536 51单片机常见的数据类型： char: 占内存1字节 取值范围：-128~127 -2^7 ~ 2
Android开发（1） | Fragment 的应用——新闻应用
Jormungand_V的博客
02-21 3687
文章目录 news_item.xml： <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/news_title" android:layout_width="match_parent" android:layout_height="wrap_content" android:lines="1" android:ellipsize="
系统学习 TypeScript（四）——变量声明的初步学习
编程三昧
02-25 1525
认识了 TypeScript 中的基础类型，接下来当然是变量声明的相关学习了，我在这里记录一下我学习过程中的一些总结。
清除浮动的五种方法
weixin_52212950的博客
02-22 2402
为什么要清除浮动？因为往往浮动后的子元素因为脱离了标准流，不能自动撑起父元素的高度，所以会对后续布局产生影响，对此清除浮动不如理解为清除浮动产生的影响更为合理。 例如：我们设置了两个盒子如图所示，粉色为父盒子，只有宽度没有高度，蓝色盒子有宽有高，粉色盒子的高由蓝盒子的高度撑开。 但是给蓝色的子盒子设置了左浮动后，脱离了标准流，无法再撑开粉盒子，可以看到粉盒子高度变成了0； 清除浮动有五种方法： 直接设置父元素的高度 额外标签法 单伪元素法 双伪元素法 ove.
将颜色的rgb值转换为颜色代码
最新发布
06-12
将颜色的RGB值转换为颜色代码，可以使用以下方法： 1. 将每个RGB值除以255，得到一个范围在0到1之间的小数。 2. 将这三个小数按顺序连接在一起，中间不加空格和其他字符。 3. 在前面加上井号“#”，得到完整的颜色...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值