447c十六进造色彩是什么  ?解析色彩值、通明杜纂CSS用法

447c十六进造色彩是什么  ?解析色彩值、通明杜纂CSS用法
2026-11-03 17:15:18 澎湃网 作者 近百亿大单落袋,*ST松发“摘帽”可期 【金融教育宣传周】投途佑装责”丨理性面对升沉,收成功夫奉送 李洛渊 新浪网官方账号

若是写作 CSS 色彩体式 #447c,它是四位十六进造简写,按 RGBA 挨次暗示红、绿、蓝和通明度,发展后为 #444477CC。对应 RGB 为 (68, 68, 119),不通明度为 80%。因而,它不是齐全不通明的色彩,现实显示成效会随布景变动。

#447c的色彩值若何拆解

通路简写字符发展后的十六进造数值
红色 R44468
绿色 G44468
蓝色 B777119
通明度 AcCC204/255,即 80% 不通明

去掉通明度后,底色是 #444477,呈偏蓝紫的深色调。通明度通路的 CC 暗示 80% 不通明,也就是约 20% 通明;不要把它理解为 80% 通明。

简写的规定是把每个十六进造字符沉复一次:4 造成 44,7 造成 77,c 造成 cc。十六进造字母大幼写不影响了局,因而 #447C 与 #447c 暗示统一种色彩。通明度可用十进造数除以 255 换算为 CSS 的幼数值:204 ÷ 255 = 0.8,也就是 80% 不通明。

在CSS中使用与转换

浏览器支持将四位色彩简写写成 #447c。也能够改写为八位体式 #444477CC,或用 RGBA 函数暗示:

color: #447c;
color: rgba(68, 68, 119, 0.8);

这两行是统一色彩的两种写法;现实形状中任选一种即可。若必要两全不支持八位十六进造色彩的旧环境,能够先申明不带通明度的后备色,再申明带通明度的色彩:

.label {
  color: #444477;
  color: rgba(68, 68, 119, 0.8);
}

浏览器能鉴别后面的申明时会选取它;不鉴别时则保留前面的纯色。这里的后备值不含通明度,因而在所有布景上城市以不通明的 #444477 显示。

若是指标软件只接受六位 RGB 色值,就使用不带通明度的 #444477。例如,把 #447c 用作白色布景上的半通明远景致时,最终出现会混入白色,视觉上比原始的深蓝紫色更浅;换成深色布景,成效则会分歧。

能够用通路混合来估算这种变动:远景致各通路乘以 0.8,再加上布景致通路乘以 0.2。白色布景上,了局约为 RGB (105, 105, 146),即 #696992;玄色布景上则约为 RGB (54, 54, 95),即 #36365F。这些是用于理解成效的近似值,现实观感还会受到相邻色彩和显示设备影响。

还要分辨色彩自身的通明杜纂 CSS 的 opacity 属性。把 #447c 用在 background-color 上,只会让布景致与后方布景混合,子元素文字仍可维持不通明;给整个元素设置 opacity: 0.8,则元素及其子元素城市整体变淡。必要只调整布景通明度时,优先设置带 alpha 通路的布景致。

使用时要把稳体式差距

四位色彩码的诠释依赖具体体式。在 CSS 中,#447c 按 RGBA 解析;有些设计工具可能选取分歧约定,或底子不接受四位色值。若软件显示色彩异常,可先确认它是否支持四位 CSS 简写,再按其要求输入八位 RGBA 或六位 RGB。没有开头的 # 时,447c 也可能只是通常十六进造数字,并不能单独确定一种齐全的 RGB 色彩。

把稳 CSS 八位体式的通路挨次是 #RRGGBBAA,通明度放在最后;不能把统一串字符直接按“通明度在最前”的体式理解。使用色彩选择器时,应查看工具标注的体式或通明度字段,确认它输出的是 CSS RGBA 挨次,再复造到形状中。

若是主张是将这个屏幕色彩匹配到潘通色卡,十六进造值无法对应一个跨纸张、油墨和显示设备都齐全一致的潘通色号;转换了局只能作为近似参考,印刷定色还需结合现实色卡和资料判断。

出格申明:以上文章内容仅代表作者自己概想,不代表新浪网概想或态度。如有关于文章内容、版权或其它问题请于文章颁发后的30日内与新浪网联系。
来自于:新浪网官方
网友评论
从“减肥失败”到涨粉300万,这个沉庆幼伙凭“川普式”英语火爆海表
Adobe美股盘初着落8.1%
分享到微博
颁布
最热评论
最新评论
暂无评论

举报邮箱:[email protected]

Copyright ? 1996-2026 SINA Corporation

All Rights Reserved 新浪公司 版权所有