十六进制转换为RGB

       const hexToRGB = hex => {let alpha = false,h = hex.slice(hex.startsWith('#') ? 1 : 0);if (h.length === 3) h = [...h].map(x => x + x).join('');else if (h.length === 8) alpha = true;h = parseInt(h, 16);return ('rgb' +(alpha ? 'a' : '') +'(' +(h >>> (alpha ? 24 : 16)) +', ' +((h & (alpha ? 0x00ff0000 : 0x00ff00)) >>> (alpha ? 16 : 8)) +', ' +((h & (alpha ? 0x0000ff00 : 0x0000ff)) >>> (alpha ? 8 : 0)) +(alpha ? `, ${h & 0x000000ff}` : '') +')');};console.log(hexToRGB('#27ae60'));//rgba(39, 174, 96)console.log(hexToRGB('27ae60'));//rgb(39, 174, 96)console.log(hexToRGB('#7b2243'));//rgb(123, 34, 67)console.log(hexToRGB('#fff')); //rgb(255, 255, 255)

RGB转换为十六进制

    const RGBToHex = (r, g, b) => {return "#" + ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');}console.log(RGBToHex(39, 174, 96)); // #27ae60console.log(RGBToHex(123,34,67));//#7b2243console.log(RGBToHex(255, 255, 255));//#ffffff

随机生成随机十六进制颜色

        function generateRandomHexColor() {let colorGenerated = "#" + (Math.random() * 0xfffff * 1000000).toString(16).slice(0, 6);if (colorGenerated !== "#0000ff" && colorGenerated !== "#ff0000") {return colorGenerated;}colorGenerated = "#" + (Math.random() * 0xfffff * 1000000).toString(16).slice(0, 6);}console.log(generateRandomHexColor())

十六进制与rgb颜色转换相关推荐

  1. RGB颜色转换十六进制颜色

    RGB颜色转换为十六进制颜色:     十六进制颜色转换为RGB颜色:     十六进制颜色查询 颜   色 英文代码 形象描述 十六进制 RGB   LightPink 浅粉红 #FFB6C1 25 ...

  2. RGB颜色转换成16bit颜色

    RGB颜色是一个DWORD值,32bit,格式为0x00rrggbb,通过三个宏:GetRValue.GetGValue和GetBValue可以得到三个颜色分量,用8bitBYTE表示.16bit颜色 ...

  3. 十六进制颜色 rgb颜色_轻松获取十六进制和RGB颜色代码

    十六进制颜色 rgb颜色 Do you find yourself needing a color code for the website work that you are doing and j ...

  4. css rgb转hsl,HSL到RGB颜色转换

    也是从这里,它很好地解释了它的数学原理. 这基本上是一堆可以与HSL(Hue Saturation Lightness)相互转换的函数 经过测试并在PHP 5.6.15上工作 TL; DR:完整代码可 ...

  5. js方法实现rgb颜色转换成16进制格式的代码的方法

    原文地址:http://www.cnblogs.com/vaal-water/archive/2013/04/08/3008880.html 自己试过很好用 function zero_fill_he ...

  6. c语言中用rgb改颜色字体,C语言颜色转换宏

    C语言颜色转换宏 #define COLOR_BPP16_RGB555 /* Win RGB */ #define COLOR_RGB(r,g,b) ((COLORREF)(((BYTE)(r)|(( ...

  7. [iOS 16进制颜色转换RGB](转)

    宏定义方法 #define RGB(r,g,b,a) [UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:a]#define ...

  8. js中RGB与十六进制颜色转换

    一.关于颜色的表示 颜色的表示方式不知一种,从photoshop的取色面板就可以看出,如下: 上图共显示了5种颜色的表示方法:HSB,lab,RGB,CMYK与十六进制表示法 在CSS中,我们也经常与 ...

  9. rgb的颜色转换以及十六进制转为十进制的那些事

    RGB颜色 rgb 颜色为三原色的意思, 分别为 red 红色 green 绿色 blue 蓝色 取值范围为: 0-255 十六进制 //十六进制为十六个数,分别为 0,1,2,3,4,5,6,7,8 ...

最新文章

  1. 谁来养活中国人?他,用小麦增产千亿斤让中国成为粮食大国
  2. MATLAB之基本语法之常用命令
  3. char数组转换成字符串_将字符串转换为char数组java –将字符串转换为char
  4. linux 更新软件源
  5. Atitit websocket 的前后端实现最佳实践t66 目录 1. 技术选型 1 2. 1.首先,在pom.xml引入如下jar包。Java-WebSocket-1.3.0.jar 1 3.
  6. 【云驻共创】华为云文字识别服务的体验之旅
  7. BIGEMAP中打开高清卫星影像谷歌地图
  8. VLOOKUP函数使用方法详解
  9. django for 前端_django 5. 前端页面设计 - 刘江的django教程
  10. 百度大脑车型识别使用攻略
  11. 发个贴,舒缓下自己焦虑的心情
  12. 杨辉三角以及九九乘法表
  13. 建设银行对银行系金融科技转型的战略与思考
  14. Unity Shader 学习记录(3) —— CG语言和Shader文件
  15. 缓存冲突:SWR vs. TanStack Query for React
  16. postman 安装失败 Failed to install the .NET Framework, try installingthe latest version manully
  17. Android安卓反编译apk源代码,移动应用开发课程
  18. MySQL连接查询,子查询,union(合并),分页
  19. Oracle分区详细解析
  20. 淘宝商品详情页API接口|tb获取商品主图接口

热门文章

  1. 计算机知识产权有哪些,计算机类专利有哪些可以申请
  2. 全球顶级黑客对决AI GeekPwn2017黑客大赛看点曝光
  3. 【报告分享】2021懂车帝经销商直播价值白皮书-懂车帝x巨量算数(附下载)
  4. app里面的h5的定位方式(夜神模拟器篇)
  5. 行政组织理论-阶段测评2
  6. (难度:35%)untrusted游戏通关攻略
  7. Oracle入门精读14_Lsnrctl命令
  8. “NODE星球”空降格尔木,首创沉浸体验式戈壁嘉年华颠覆想象
  9. 计算机应用程序无响应,电脑上应用程序很容易未响应,怎么办?
  10. 基于Ant Design vue框架之三 删除功能细分