css 进制转换

最新推荐文章于 2023-02-13 17:23:18 发布
最新推荐文章于 2023-02-13 17:23:18 发布
阅读量241 收藏
点赞数
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41926039/article/details/100709842
版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link id='link1' rel="stylesheet" type="text/css" />
        <script>
            function hf1(ojb){
                ojb=document.getElementById('r');
                ojb.style.background='hotpink';
            }
            function hf2(ojb){
                ojb=document.getElementById('r');
                ojb.style.background='navajowhite';
            }
        </script>
    </head>
    <body>
        
        <form id="a">
            <table id='r'>
                <td><strong>可以换皮肤哦</strong></td>
                <td><input id="bot1" type="button" value="皮肤1" οnclick="hf1(this)"/> </td>
                <td> <input id="bot2" type="button" value="皮肤2" οnclick="hf2(this)"/></td>
                <tr>
                <td>输入姓名</td>
                <td> <input type="text"  name="xm" value="name"/><br /></td>
               </tr>
               <tr>
                <td>输入密码</td>
                <td><input type="password" name='mm' value="mm" /><br /></td>
               </tr>
              <tr>
                <td>请您留言</td>
                <td><textarea></textarea> </td>
            </tr>
            <tr>
                <td><input type="submit" value="提交" /></td>
            </tr>
            
            
            </table>
        
        </form>
    </body>
</html>

 

 

加法拼串  例如：var a='10'+2    输出等于102

var yu=70;
document.write(yu);
yu=parseInt(yu,16);//控制进制转换为哪个进制    把yu转换为16进制的
console.log(yu);

          zx="255.98";
          console.log(parseInt(zx));
          zx=true;//true -->"true" -->NaN
          console.log(parseInt(zx));
          zx=null;//NaN
          console.log(parseInt(zx));
          var hhy;//NaN
          console.log(parseInt(hhy));//NaN
 

天使的魔鬼脸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
bin2dec：javascript二进制到十进制转换器
02-15
bin2dec 简历 Bin2Decéum projeto conconstruçãoumpáginaresponsiva que funciona como um conversum denúmerosbin... Somente javascript，CSS e HTML foram utilizados嵌套项目，semutilizaçãode frameworks。
将css两种色值（十六进制、rgba）表达式转为webgl色值
weixin_44060138的博客
12-19 1247
在使用canvas绘制3d图形时我们会遇到webGl无法正确的识别常用的css色值，如十六进制色值表达式和RGBA表达式，这时候我们需要对CSS表达的色值转换为webgl可以识别的色值。使用 JavaScript 中的正则表达式来解析十六进制和RGBA颜色字符串，并使用 JavaScript 中的数学函数将其转换为 RGBa 颜色值。
CSS3 十六进制透明度
黄彪博客
02-13 1414
公司使用 sketch 做“高保真”设计，UCD 比较喜欢 “透明”的效果，每次复制 CSS 样式，就会出现 16进制的背景色，然后还有透明度，例如。#00143b 颜色的透明度是 80（十六进制），不透明是 FF, 全透明是00，因此 80的透明度是 相当于全透明的 50%解决办法： 将背景色的 16进制全部改为 十六进制颜色码转换成RGB颜色值；然后再使用 rgba() 函数。缺点：觉得效率太低了，需要每个都复制到工具网站去计算。
CSS颜色转换 #0000FF => rgb(0, 0, 255) #A37 => rgb(170, 51, 119) #huahs => invalid
weixin_35750747的博客
12-28 555
在 CSS 中，可以使用多种方式表示颜色。比如，可以使用颜色名称、RGB 值、十六进制值、HSL 值等来指定颜色。 颜色名称是 CSS 中预定义的颜色名称，比如 "red"、"blue"、"green" 等。 RGB 值是一种表示颜色的三元组，由红色、绿色、蓝色三个值组成。比如，"rgb(255, 0, 0)" 表示红色，"rgb(0, 255, 0)" 表示绿色，"rgb(0, 0, 255)"...
css 颜色 rgba 转换为十六进制
qq_30856967的博客
12-20 2052
function hexify(color) { var values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); var a = parseFloat(values[3] || 1), r = Math.floor(a * parseInt(values[0]) + (1 - a) * 255),
LTE系统调试记录3：将CCS导出的两天线的十六进制数据转换成十进制，在MATLAB中再转换成.mat数据
正在格式化……
12-08 1710
1.需求 CCS导出的数据分为2个天线，每个天线都有10ms，为有符号的十六进制数据，将其在C语言中转换成十进制，然后在MATLAB中转换成.mat数据。 2.实施 （1）将十六进制数据保存为十进制数据，一共2*10=20个文件，循环导出： #include #define mslength 10 //几个ms的数据 #define antenalength 2 //几个天线 in
bintodec:二进制到十进制转换器
03-05
bintodec:二进制到十进制转换器
hex-to-rgba:将CSS十六进制颜色代码转换为rgba（）
05-13
hex-to-rgba将老式CSS十六进制颜色值字符串转换为rgba（）字符串。 （可选）传入一个alpha值。 传递的alpha值将覆盖4或8位十六进制的任何alpha值。 如果您根本不输入任何Alpha值，我们将默认使用Alpha值1（完全...
BinaryToDecimal：十进制转换为numerobinário
02-19
:keycap_0: :keycap_1: 二进制到十进制 Conversor denúmerobináriopara十进制。 Motivação Desafio proposto pelo Florin Pop没有资料库 安装 1- Clone esse projeto do github para sua máquina 2- Abra o ...
ColorConvert:Sublime Text 2插件，可将CSS颜色从十六进制转换为rgb并返回
05-03
色彩转换Sublime Text插件，可转换CSS数字颜色值。 您可以按以下顺序转换任何十六进制，rgb（a）或hsl（a）颜色：十六进制-> rgba-> hsla->十六进制（等）。安装您可以通过Will Bond出色的Package Control（ ）轻松...
将css 中的16进制颜色， 转化为 rgb格式
robin xiong的专栏
10-16 5457
function fromHex(color){ /* summary: 将css的属性值，转变为rgb格式的对像 "#fff" -> 0xfff 长度为4， 一个字符占用代表一个属性, 0x10 == 16（2的4次方，即1后面4个0) === 1 0000, 那么一个f 为 1111
css颜色 RGB转十六进制
THE DOOR IS CHANGING
04-14 1383
function RGBToHex(rgb){     var regexp = /[0-9]{0,3}/g;      var re = rgb.match(regexp);//利用正则表达式去掉多余的部分，将rgb中的数字提取    var hexColor = "#"; var hex = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9
js实现的CSS color 十六进制与RGB值的转换
陶山是山
05-11 926
alert('#978'.HEXtoRGB().RGBtoHEX());
css设置背景透明度、16进制色值设置透明度
WX_nbclass的博客
05-01 1万+
css设置背景透明度、16进制色值设置透明度 ok fine 正确的透明度格式be like： 1、使用rgba（推荐） （rgba与rgb区别：rgb和rgba都表示颜色。 rgb： 代表 红 绿 蓝 三种颜色 rgba： 在rbg的基础上加了 “alpha” 透明度，取值在0-1之间。） background: rgba(0,0,0,0.............
16进制与 255 颜色值的相互转化
u011366329的专栏
06-18 1640
- (UIColor *)getColorWith16String:(NSString *)a16String {     if (!a16String || [a16String isEqualToString:@""])     {         return nil;     }          NSString *cString = [[a16String strin
CSS十六进制颜色码
生活总是来来往往 千万别等来日方长
09-06 3012
十六进制颜色码 十六进制颜色码是指通过一个以“#”开头的6位十六进制数值表示一种颜色。6位数字分为3组，每组两位，依次表示红、绿、蓝三种颜色的强度。从极小值0到最大值255，当所有颜色都在最低值被显示时，呈现的颜色将是黑色，当所有颜色都在他们的最大值则被显示的颜色将是白色。 ...
CSS颜色模式转换器的实现
weixin_33755554的博客
03-02 191
前面的话 　　在CSS中，颜色的表示方式主要包括关键字、16进制、RGB模式、RGBA模式、HSL模式、HSLA模式。关于颜色模式的详细信息移步至此。本文就16进制、RGB模式及HSL模式的互相转换进行实现。   模式转换 【1】16进制 -&gt; RGB 　　16进制是设置颜色值的常用方式，将三个介于00-FF的十六进制数连接起来，若16进制的3组数各自成对，则可简写为3位。 　...
将RGBA颜色转换为16进制的颜色
热门推荐
前端精髓
08-11 2万+
function hexify(color) { var values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(','); var a = parseFloat(values[3] || 1), r = Math.floor(...
css透明度的写法 16进制透明度的转化
康一夏忙中偷闲的日子
05-12 2875
白色，50%透明的两种写法 // 白色，50%透明 color: #ffffff80; // 白色，50%透明 color: rgba(255, 255, 255, .5);
typescript 实现sRGBA色值进制转换
最新发布
05-29
以下是 TypeScript 实现 sRGBA 色值进制转换的示例代码： ```typescript class SrgbaColor { constructor(public r: number, public g: number, public b: number, public a: number) {} // 将 sRGBA 转换为 RGBA toRgba(): RgbaColor { const r = Math.round(this.r * this.a + 255 * (1 - this.a)); const g = Math.round(this.g * this.a + 255 * (1 - this.a)); const b = Math.round(this.b * this.a + 255 * (1 - this.a)); const a = this.a; return new RgbaColor(r, g, b, a); } // 将 sRGBA 转换为十六进制字符串 toHexString(): string { const r = Math.round(this.r * this.a + 255 * (1 - this.a)); const g = Math.round(this.g * this.a + 255 * (1 - this.a)); const b = Math.round(this.b * this.a + 255 * (1 - this.a)); const a = Math.round(this.a * 255); const hexR = r.toString(16).padStart(2, '0'); const hexG = g.toString(16).padStart(2, '0'); const hexB = b.toString(16).padStart(2, '0'); const hexA = a.toString(16).padStart(2, '0'); return `#${hexR}${hexG}${hexB}${hexA}`; } // 将 sRGBA 转换为 CSS 格式的字符串 toCssString(): string { const r = Math.round(this.r * this.a + 255 * (1 - this.a)); const g = Math.round(this.g * this.a + 255 * (1 - this.a)); const b = Math.round(this.b * this.a + 255 * (1 - this.a)); const a = this.a; return `rgba(${r}, ${g}, ${b}, ${a})`; } } class RgbaColor { constructor(public r: number, public g: number, public b: number, public a: number) {} // 将 RGBA 转换为 sRGBA toSrgba(): SrgbaColor { const alpha = this.a; const r = this.r / 255; const g = this.g / 255; const b = this.b / 255; const max = Math.max(r, g, b); const min = Math.min(r, g, b); const chroma = max - min; let s = 0; if (chroma > 0) { s = chroma / max; } const v = max; const a = alpha; const l = (max + min) / 2; const gamma = 2.2; const lsrgb = l ** gamma; const vsrgb = v ** gamma; const m = (lsrgb + vsrgb) / 2; const msrgb = m ** (1 / gamma); let rSrgb = 0; let gSrgb = 0; let bSrgb = 0; if (chroma > 0) { const c = (vsrgb - lsrgb) / chroma; const h = (() => { if (r === max) { return (g - b) / chroma; } else if (g === max) { return 2 + (b - r) / chroma; } else { return 4 + (r - g) / chroma; } })(); const hDegrees = h * 60; const hRadians = (hDegrees * Math.PI) / 180; const x = chroma * (1 - Math.abs((h % 2) - 1)); if (hDegrees >= 0 && hDegrees < 60) { rSrgb = vsrgb; gSrgb = x + lsrgb; bSrgb = lsrgb; } else if (hDegrees >= 60 && hDegrees < 120) { rSrgb = x + lsrgb; gSrgb = vsrgb; bSrgb = lsrgb; } else if (hDegrees >= 120 && hDegrees < 180) { rSrgb = lsrgb; gSrgb = vsrgb; bSrgb = x + lsrgb; } else if (hDegrees >= 180 && hDegrees < 240) { rSrgb = lsrgb; gSrgb = x + lsrgb; bSrgb = vsrgb; } else if (hDegrees >= 240 && hDegrees < 300) { rSrgb = x + lsrgb; gSrgb = lsrgb; bSrgb = vsrgb; } else if (hDegrees >= 300 && hDegrees < 360) { rSrgb = vsrgb; gSrgb = lsrgb; bSrgb = x + lsrgb; } } else { rSrgb = v; gSrgb = v; bSrgb = v; } const r = rSrgb ** (1 / gamma); const g = gSrgb ** (1 / gamma); const b = bSrgb ** (1 / gamma); return new SrgbaColor(r, g, b, a); } // 将 RGBA 转换为十六进制字符串 toHexString(): string { const hexR = this.r.toString(16).padStart(2, '0'); const hexG = this.g.toString(16).padStart(2, '0'); const hexB = this.b.toString(16).padStart(2, '0'); const hexA = Math.round(this.a * 255) .toString(16) .padStart(2, '0'); return `#${hexR}${hexG}${hexB}${hexA}`; } // 将 RGBA 转换为 CSS 格式的字符串 toCssString(): string { return `rgba(${this.r}, ${this.g}, ${this.b}, ${this.a})`; } } ``` 使用示例： ```typescript const srgba = new SrgbaColor(0.2, 0.3, 0.4, 0.5); const rgba = srgba.toRgba(); // RGBA {r: 77, g: 115, b: 153, a: 0.5} const hex = srgba.toHexString(); // "#4d739980" const css = srgba.toCssString(); // "rgba(77, 115, 153, 0.5)" ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值