首页 > 其他分享 >rgba颜色转换为十六进制

rgba颜色转换为十六进制

时间:2023-03-08 09:57:13浏览次数:38  
标签:十六进制 转换 FF rgba round Math 255

RGBA颜色转HEX

转换步骤:

  1. 先将r、g、b分别转换为十六进制,比如 r、g、b分别为 255,则转换后得到的为 FF、FF、FF
  2. 将a 乘以 255,然后获得的积的整数部分转换为十六进制,如 a 为 0.4,乘以255后得到的积为102,102 转换为十六进制就是66
  3. 将上两步得到的数拼成字符串就是HEX颜色了。如 rgba(255,255,255,0.4) 转换得到HEX为 #FFFFFF66


chatGPT给出的转换代码

function rgbaToHex(r, g, b, a) {
  r = Math.round(r);
  g = Math.round(g);
  b = Math.round(b);
  a = Math.round(a * 255);
  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1) + a.toString(16).toUpperCase().padStart(2, '0');
}

标签:十六进制,转换,FF,rgba,round,Math,255
From: https://www.cnblogs.com/echo-lovely/p/17190898.html

相关文章

  • 《数据库基础语法》6. 日期和时间的存储与格式转换
    楔子上次我们介绍了SQL中常见的字符函数,学习了如何对文本数据进行连接、大小写转换、子串的查找和替换等处理。下面我们继续讨论常见的日期和时间函数,以及不同数据类型......
  • 日期字符串之间的转换
    /***@Description:日期转换,将接口返回的20180524转为2018-05-24*@paramstr传递的日期字符串*/privatestaticStringdateConvertion(Stringstr){......
  • 力扣---709. 转换成小写字母
    给你一个字符串s,将该字符串中的大写字母转换成相同的小写字母,返回新的字符串。示例1:输入:s="Hello"输出:"hello"示例2:输入:s="here"输出:"here"示例3:输入:s="LOVELY"......
  • Spring Boot | 集成MapStruct实现不同类型Java对象间的自动转换
    MapStruct简介MapStructisacodegeneratorthatgreatlysimplifiestheimplementationofmappingsbetweenJavabeantypesbasedonaconventionoverconfigura......
  • 02、C++字符串编码转换
    //string<——>wstring#include<codecvt>std::stringwstring2utf8string(conststd::wstring&str){staticstd::wstring_convert<std::codecvt_utf8<wchar_t>......
  • C# 数据类型转换(Casting)
    C#数据类型转换(Casting)C#中,经常可以遇到类型转换的场景,从变量的定义到复制、数值变量的计算到方法的参数传递、基类与派生类间的造型等,随处可见类型转换的身......
  • C# 泛型对象和DataTable之间的相互转换
    应用场景  实际开发场景下会经常出现DataTable和List对象需要相互转换的时候,通过方法提取避免重复造轮子List转换成DataTable基本思路:  向DataTable里面添加新的......
  • java实体类转换为建表语句
    点击查看代码importcn.hutool.core.util.StrUtil;importlombok.Data;importjava.lang.reflect.Field;importjava.util.Collections;importjava.util.List;/*......
  • 【转载】将C#里的枚举Enum转换为int
    版权声明:本文为博主原创文章,遵循CC4.0by-sa版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/lzdidiv/article/details/71170528将枚举类型转......
  • 使用navicat将oracle的sql脚本转换为mysql的sql脚本
    1.工具:navicat16(其他版本未测试,但过程应该差不多)2.准备两个数据库,oracle数据库和mysql数据库,(mysql数据库是空数据库,用于保存oracle中的数据)3.点击工具->数据传输  ......