当前位置:首页 > 前端技术 > HTML颜色与RGB颜色的转换

HTML颜色与RGB颜色的转换

2022年09月16日 08:10:17前端技术4

颜色的表示形式有多种,一般很多颜色都有对应的英文字母,例如这种效果,但是要记住每种颜色的英文实在很难,还有另外两种表示颜色的方法。HTML颜色与RGB颜色的转换 _ JavaClub全栈架构师技术笔记

  1. RGB颜色
    众所周知,红、绿、蓝是三原色,分别对应red,green,blue,也就是我们常说的RGB颜色。每种颜色都是由三原色由一定的比例调和而成的,三原色的比例不同,配出的颜色当然也不同。

RGB颜色用三个数字分别代表三种颜色所占的比例,也叫作三个通道,取值是0到255之间的整数。
比如某个颜色用RGB颜色表示是(255,250,250),如果要转换成HTML颜色,三个数字每一个转换成对应的16进制数,是一个两位数,最终会变成6位数。255——FF,250——FA,250——FA,因此最终的结果是#FFFAFA,转换成功!

那么HTML颜色转换成RGB颜色的过程正好相反,就是把三个16进制数转换成十进制的过程~~

  • RGB颜色转换成16进制颜色
color=input()
number='#'
color1=color.split() 
#print(color1)
for i in color1:
    shu=hex(int(i))[2:]
    if len(shu)<2:
        shu='0'+shu
    number+=shu
print(number.upper())   
255 255 255
#FFFFFF
0 0 0
#000000
  • HTML颜色转换成RGB颜色
color=input()
lis=[]
for i in range(0,6,2):
    lis.append(color[i:i+2])
for i in lis:
    i=int(eval('0x'+i))
    print(i,end=' ')
542a32
84 42 50
42bb33
66 187 51

作者:Cachel wood
来源链接:https://blog.csdn.net/weixin_46530492/article/details/108273109

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/41659.html

分享给朋友:

“HTML颜色与RGB颜色的转换” 的相关文章

HTML常用标签的用法

HTML常用标签的用法

一、首先要了解一下什么是HTML,HTML(Hyper Text Markup Language,简称:HTML)也叫作超文本标记语言,是一种使用结构化Web网页及其内容的标记语言,HTML文档也叫做Web页面, 下面就来讲讲一些HTML中常用的标签。...

HTML框架结构标签(frameset)

HTML框架结构标签(frameset)

第一次了解到竟然还有HTML框架结构标签()。为此小编在实例中应用了一下,但是在搭建框架之初就遇到 了问题。为此总结本博客,以便大家能及时解决问题。 什么是HTML框架结构标签(<frameset>)...

HTML5 自动聚焦autofocus属性

原文:https://davidwalsh.name/autofocus 翻译:http://blog.csdn.net/renfufei/article/details/9797419   HTML5 推出了一大堆精彩的东西给我们。 过去我们要...

HTML中的Style标签media属性控制打印内容样式

最近项目用到Web页面打印报表的功能,因为我们的项目采用的是HTML的Table方式实现的表格,所以符合javascript中的window.print,了解了下window.print()函数的使用方式。 window.print():用来打印window.documen...

HTML - 标签自定义属性

HTML - 标签自定义属性

html标签中,除了标准的属性名外,还可以自定义属性名(属性值为String类型),下面看下两种自定义属性的使用 1.自定义属性名 <body> <button desc="this is a button">Click me!</b...

JSP带有属性的自定义标签

新建HelloWelTag类 如何添加jsp-api.jar包 HelloWelTag类详细代码 package bid.zhazhapan.fims.tag; impo...

HTML meta 标签

!!<meta> 标签是 HTML 语言头部的一个辅助性标签,我们可以定义页面编码语言、搜索引擎优化、自动刷新并指向新的页面、控制页面缓冲、响应式视窗等!   属性 值 描述...

用HTML5/CSS3/JS开发Android/IOS应用

用HTML5/CSS3/JS开发Android/IOS应用

现在人人都想成为安卓/IOS应用开发工程师。其实,安卓/IOS应用可以用很多种语言来实现。由于我们前端开发工程师,对HTML5/CSS/JavaScript的网络编程已经相当熟悉了。所以,今天大家将会认识到一些利用前端语言来开发安卓/IOS应用的工具。  在...

HTML5 data-* 自定义属性及其注意点

在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,命名可以用驼峰命名方式,但取值是必需全部使用小写(后面会说),使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。 1.&nbs...

html中如何实现a标签的点击事件

a标签定义超链接,用于从一张页面链接到另一张页面,它最重要的属性是 href 属性,它指示链接的目标。 <a href="http://www.w3school.com.cn">W3School</a> 最常用的就像...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。