447c 是一个四位十六进造色彩值。在 CSS 中写作 #447c 时
，它选取四位简写体式 #RGBA：前三位暗示红、绿、蓝通路
，最后一位暗示通明度。因而
，它不只是一个通常的不通明色彩
，还蕴含通明度信息。

447c 的色彩值若何拆解

四位简写的每个十六进造数字城市沉复一次
，扩大为对应通路的两位数。按 #RGBA 挨次解析
，#447c 发展为 #444477CC
，也就是红色 44、绿色 44、蓝色 77
，通明度 CC。

所以
，#447c 的 RGB 色彩部门是 #444477
，对应 RGB 数值 68, 68, 119；通明度约为 80%
，也能够说它约有 20% 的通明部门。十六进造字母不分辨大幼写
，#447C 与 #447c 暗示一样的色彩。

显示出来是什么色彩

去掉通明度单独观察 RGB 部门
，#444477 是一衷飓暗的蓝紫色
，蓝色通路比红、绿通路更高
，整体观感沉稳、柔和。由于 #447c 带有通明度
，最终屏幕色彩会与它后面的布景混合：放在白色布景上会显得更浅
，放在深色布景上则会出现分歧的深浅成效。

例如在白色布景上使用时
，合成后的色彩可近似看作 #696992。这只是该布景下的显示了局
，不是 #447c 自身的固定 RGB 值；更换布景
，视觉了局也会随之扭转。

在 CSS 中使用 447c

现代 CSS 能够直接接受四位十六进造色彩值。将它用于文字时
，只有文字色彩带通明度；用于布景时
，则是布景致彩与其下方内容混合。

.title {
  color: #447c;
}

.panel {
  background-color: #447c;
}

若但愿把通路值写得更直观
，能够将它转换为带通明度的 RGB 表白式：

.title {
  color: rgba(68, 68, 119, 0.8);
}

/* 现代 CSS 也可使用斜线暗示通明度 */
.panel {
  background-color: rgb(68 68 119 / 80%);
}

这几种写法表白的主题色彩和通明水平一样：RGB 为 68, 68, 119
，alpha 为 0.8。在形状表中
，十六进造写法较短
，RGB 写法令更方便直接查看通路数值和通明比例。

容易混合的写法

• #447c 不蹬宗 #4477cc。前者按 CSS 的四位 #RGBA 规定诠释
  ，发展了局是 #444477CC；后者是六位 #RRGGBB 色彩
  ，暗示不通明的 RGB 值。
• #444477 与 #447c 不齐全一样。它们的 RGB 部门一致
  ，但 #444477 没有写通明度
  ，通常按齐全不通明处置。
• 色彩通明度不蹬宗整个元素通明度。用 color: #447c 或 background-color: #447c 只会影响对应色彩；使用 opacity: 0.8 则会让元素及其子元素整体参加通明合成。

在支持 CSS 四位十六进造色彩的环境中
，#447c 能够直接作为色彩值使用。若指标体式不支持带通明度的四位写法
，可改用 rgba(68, 68, 119, 0.8)；若只必要不通明的蓝紫色
，则使用 #444477。