• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 电子行业中,以0x开头颜色表示法和以#开头的颜色表示法有什么区别?

电子行业中,以0x开头颜色表示法和以#开头的颜色表示法有什么区别?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含Google,rgb等相关知识,匿名希望在学习及工作中可以帮助到您
最近遇到一些特殊的情况。我发现rgb颜色除了以#开头表示以外,还有以0x开头表示的。但是Google和百度上都找不到相关的介绍。不知道有没有从事相关研究的大哥仔细讲解两者之间的区别?

回复内容:

长懒看的请看最后一段结论。

从计算机的数值表示上讲,0x开头的其实并不是所谓颜色代码的表示方法,而是16进制数的标准写法。譬如0xA就是十进制的10。
而#开头的六(或三)位十六进制数是在设计领域(如CSS以及一些绘图软件)中颜色代码的表示方法。

如果我们只考虑24位颜色的话,电脑中每个像素的颜色其实就是用3个字节(24位)的无符号整数来存储的。所以用0x开头的“颜色代码”,也就是这个十六进制数表示的数值,其实就是颜色在内存(显存)中的存储方式。
为什么不采用我们常见的10进制数而要采用0x开头的16进制数来表示颜色呢?因为在颜色这3个字节中,大家规定17-24位表示红色的分量,9-16位表示绿色的分量,1-8位表示蓝色的分量,因此一个十进制数16777215表示的颜色虽然很难给我们一个直观的感觉,而将它转换成16进制数0xFFFFFF我们就可以很轻易的看出前两位FF表示红色,中间两位FF表示绿色,后面两位FF表示蓝色。这个数值表示白色。
于是就出现了阁下熟悉的在设计领域我们就使用#开头的6位十六进制数来表示颜色的方式,这样一来,既直观又可以方便地在内存中进行转换与存储。
所以我们说#开头的六位十六进制数仅仅表示颜色,0x开头的数字表示包括颜色在内的一般数值。

于是我们就可以阐述出它们的区别:
我们知道,在十进制中0123和123是相等的两个数字,所以0x000FFF和0xFFF是相等的两个数值,也就表示相同的两个颜色。但是#000FFF和#FFF表示的却是两个不同的颜色。在CSS(以及部分绘图软件中)#后面跟3个十六进制数是被允许的,比如#ABC表示的颜色和#AABBCC表示的颜色相同。但是跟1、2、4、5个十六进制数仍然是非法的颜色代码。所以#000FFF表示蓝色掺了一点绿,#FFF即#FFFFFF表示白色,#0FFF什么都不表示,是非法的颜色代码。 楼主所说的颜色空间是RGB空间,这个颜色空间能够表示绝大多数肉眼可见的颜色。但是缺点是不好量化,因为其将色调、亮度、饱和度融在一块了。
除此之外的颜色空间还有:CMYK(青、洋红、黄、黑,用于墨盒中)、HSI(色调、饱和度、强度,用于数字化处理颜色)等。
颜色值一共6位,以16进制表示,前两位表示红色值,中间两位表示绿色值,最后两位表示蓝色值。 0xAARRGGBB
#RRGGBB
rgba(r,g,b,a) --- (0<=a<=1)

0xefeff4

您可能想查找下面的文章:

  • seozac:Google的AMP-加速移动页面
  • Google AMP 是什么鬼?
  • HTML5实践-使用css3如何完成google涂鸦动画的详解
  • HTML5 Google电吉他 可用键盘弹奏的图文代码介绍
  • 想做一款基于HTML5的卡牌游戏,有什么好的引擎推荐么?
  • 电子行业中,以0x开头颜色表示法和以#开头的颜色表示法有什么区别?
  • 以HTML5现在的技术条件,能出《刀塔传奇》这种效果的游戏吗?有哪些大公司在开发HTML5的中重度游戏项目?
  • 微信如何实现向浏览器注入JS API,并且调用方式就像浏览器原生API一样?
  • 如何利用HTML&JS等前端知识开发Android应用?
  • 什么情况下更适合使用 font-icon,相比图片 css sprites 有哪些优势?

相关文章

  • 2018-12-03HTML5 js实现拖拉上传文件功能
  • 2018-12-03HTML5的音频和视频监听器的应用代码详解
  • 2018-12-03不可轻视HTML5!App三年内将被html5顶替彻底消失_html5教程技巧
  • 2018-12-03网页 head 标签中的 JS 和 CSS,哪种文件放在前面,哪种放在后面比较好?
  • 2018-12-03html5利用canvas绘画二级树形结构图
  • 2018-12-03小强的HTML5移动开发之路(38)——jqMobi插件ActionSheet
  • 2018-12-03html5使用canva实现验证码效果(代码实例)
  • 2018-12-03HTML5中的强制下载属性download使用
  • 2017-08-06HTML5的文档结构和新增标签完全解析
  • 2018-12-03HTML5中meta属性的使用方法_html5教程技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • iview的select下拉框选项错位怎么处理
    • 前端工程师目前境况和三年后的发展状况会怎么样呢?
    • 盒子模型的理解
    • Html5中postmessage实现子父窗口传值的代码
    • 对于8个华丽的HTML5文字动画特效图文赏析
    • HTML5网络拓扑图性能优化的图文详解
    • 详细介绍HTML5中的跨文档消息传递
    • html5需要遵守的6个原则(介绍)
    • 基于HTML5陀螺仪实现移动动画效果
    • 详细介绍h5中的history.pushState()使用实例

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有