颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0 到 255(00 到 ff)。对于 alpha,00 表示完全透明,ff 表示完全不透明。表达式顺序是“aabbggrr”,其中“aa=alpha”(00 到 ff);“bb=blue”(00 到 ff);“gg=green”(00 到 ff);“rr=red”(00 到 ff)。

参考1:http://blog.sina.com.cn/s/blog_70a9e6090100zt6x.html

16进制的颜色可以通过观察数字与字母组合,判断色彩倾向及深度信息。与10进制换算略微麻烦,也可直接用在线工具或计算器换算。我想说的是简单的判断数值信息的呈色倾向。

我们将字母首先换算为数字0123456789ABCDEF,分别代表了从1到16的数字信息。字母值都在10以上,都比数字大。

FF代表16进制的满数值,也就是最大数字255。RG红绿两通道相叠,会呈现黄色;GB绿蓝通道相叠,呈现蓝绿色;RB红蓝通道相叠,呈现紫色。

00代表16进制最小值,假设出现RG通道满数值,B通道最小值,也就是FFFF00,显色为饱和度满值的正黄色。

而此时B通道数值变化为中间值88,也就是FFFF88。为正黄色加了一个偏白色的低饱和度信息,最后呈色为饱和度中间值的黄白色。

即,我们看到一组颜色组合,首先看通道数字最大的两组颜色,叠加为色彩倾向。根据最小值判断灰度信息。

三组数值都是由字母组合的是偏大数值,成色为浅色。三组数值都是由字母组合的是偏小数值,呈色为深色重色。

三组数值靠近,呈现饱和度较低的灰色,三组数值差距越大,呈色为饱和度较高的倾向色。

[色彩]迅速判断16进制颜色值呈色相关推荐

  1. 16进制颜色值与百分比颜色值的换算关系

    16进制颜色值与百分比颜色值的换算关系 00直接对应0%,0不能当作除数.所以除开 16进制颜色表示是01~FF,换成十进制就是1~255,百分比是1%~100% 由此可知(255/100%)=(X/ ...

  2. js随机生成16进制颜色值

    js随机生成16进制颜色值 背景 很多情况下,我们会遇到给某个dom设置随机颜色,这里采用js函数直接生成,并返回随机16进制颜色值. function getRandomColor{var str= ...

  3. 【VB6|第17期】16进制颜色值与RGB值互相转换(含源码)

    日期:2023年3月28日 作者:Commas 签名:(ง •_•)ง 积跬步以致千里,积小流以成江海-- 注释:如果您觉得有所帮助,帮忙点个赞,也可以关注我,我们一起成长:如果有不对的地方,还望各位 ...

  4. html颜色的16进制rgb数码,JavaScript实现16进制颜色值转RGB的方法

    本文实例讲述了JavaScript实现16进制颜色值转RGB的方法.分享给大家供大家参考.具体实现方法如下: 16进制颜色值转RGB *{margin:0;padding:0;font-family: ...

  5. RGB与16进制颜色值互相转换

    // 将 RGB 颜色值转换成十六进制颜色码const rgbToHex = (r, g, b) => {// 使用位运算符将三个 8 位的数值组合为一个 24 位的数值const combin ...

  6. 16进制颜色值转RGB颜色值

    常规项目: # 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进制颜色值透明度百分比对照

    透明度的16进制色值和百分比对照表 写代码会常用到透明度,例如红色16进制不加透明度为#FF0000,前面两位为透明度#00FF0000 <color name="red"& ...

  8. 16进制颜色值 与 rgb颜色值转换

    16进制颜色 转换成 rgb hex2rgb(hexColor) {hexColor = hexColor.substring(1)hexColor = hexColor.toLowerCase()l ...

  9. firefox 返回 16 进制 颜色值

    Code <script type="text/javascript"> /*  *由于firefox在返回一个元素的color的时候往往是返回一个字符串比如rgb(2 ...

最新文章

  1. 这10项创新技术正在引领零售业数字化转型
  2. 【 Vivado 】基本的时序约束、分析的概念
  3. Transformer-XL解读(论文 + PyTorch源码)
  4. java多线程必杀技_Java技术大牛必备25个必杀技你都知道吗
  5. imessage_重新设计iMessage以获得更好的用户体验— UX案例研究
  6. linux内核线程绑定到单个核,linux 将进程或者线程绑定到指定的cpu上
  7. Java中的mapreduce没了_MapReduce的过程总结
  8. 第4篇:Flowable-Modeler详述之流程概述
  9. 高科技加持,升哲科技助力打造首都智慧社区
  10. 【交往智慧】002.和优秀的人接触
  11. 工作流Jpbm4.4工作流知识点总结(工作流开发宝典)
  12. 带的动android的笔记本,实战解析 Win8触控本能驾驭Android吗?
  13. MATLAB中的小技巧
  14. 内存时序对应的4个参数你们知道吗?ICMAX一文让你看懂
  15. eas上传文件到服务器,金蝶eas要使用云服务器
  16. 百度首页天气html制作,使用百度天气API实现自己的天气预报
  17. 【经验】转一个非常好的【SCI论文写法攻略】
  18. 一个闲鱼挂机项目,让淘宝用户彻底“躺赢”
  19. 一个文科生的工程师之路
  20. 物联网中常用的方法,16进制二进制之间的转换

热门文章

  1. 如何用js改变伪元素样式
  2. 2021年煤气找解析及煤气考试技巧
  3. hana数据库如何使用if()
  4. Nexus 安装和部署
  5. c语言数组字符比大小,C语言strncmp函数
  6. 鬼画符门莲台争夺战(python)
  7. 小觅深度版Ubuntu下跑vins-mono
  8. JPEG图片编码格式分析
  9. Centos7多次开关机出现问题:Entering emergency mode.Exit the shell to continue 解决
  10. 洗衣小窍门集锦(绝对值得收藏