十六进制颜色码深浅记录

最新推荐文章于 2024-07-23 15:40:16 发布

加鸡腿

最新推荐文章于 2024-07-23 15:40:16 发布

阅读量1.2k

点赞数

分类专栏： css 文章标签：十六进制颜色码深浅十六进制颜色码

本文链接：https://blog.csdn.net/qq_43437571/article/details/109288382

版权

css 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

个人在微调时候，有时并没有UI给图，只能自己找颜色，黑色深浅对比个人一些小总结如下，首先仍是示例：

代码如下：

<div class="div1">
  <div class="c1"></div>
  <div class="c2"></div>
  <div class="c3"></div>
  <div class="c4"></div>
  <div class="c5"></div>
  <div class="c6"></div>
  <div class="c7"></div>
  <div class="c8"></div>
  <div class="c9"></div>
  <div class="c10"></div>
  <div class="c11"></div>
</div>

.c1 {
  background-color: #000000;
}
.c2 {
  background-color: #333333;
}
.c3 {
  background-color: #666666;
}
.c4 {
  background-color: #696969;
}
.c5 {
  background-color: #808080;
}
.c6 {
  background-color: #a9a9a9;
}
.c7 {
  background-color: #c0c0c0;
}
.c8 {
  background-color: #d3d3d3;
}
.c9 {
  background-color: #f5f5f5;
}
.c10 {
  background-color: #f8f8f8;
}
.c11 {
  background-color: #fff;
}