ColorTool
登录
#202201

#202201 ≈ Phthalo Green

  • 黑
  • 明度: 很低
  • 饱和度: 较低
  • 中性色
检查对比度 在关系图中探索 随机颜色

#202201 属于黑系颜色（明度：很低，饱和度：较低）。 在 RGB 模型中，它由 12.55% 红、13.33% 绿和 0.39% 蓝组成；采用 CMYK 印刷时需要 5.88% 青、0% 品红、97.06% 黄和 86.67% 黑。 在 HSL 中，它的色相角为 63.64°，饱和度为 94.29%，明度为 6.86%。 这是一种中性色，常让人联想到精致、力量和优雅。 设计师常把它用于正文和排版和奢侈品牌。 在此颜色上使用白色文字时，对比度为 16.27:1（WCAG AAA）。 最接近的命名颜色是 Phthalo Green（#123524），ΔE 为 13.16。

根据此颜色的测量属性自动生成的描述。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
网页安全色#333300
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二进制
十进制
相对亮度0.0145

互补色

  1. #202201
  2. #030122

分裂互补色

  1. #202201
  2. #010f22
  3. #130122

类似色

  1. #221301
  2. #202201
  3. #0f2201

三角配色

  1. #202201
  2. #012022
  3. #220120

矩形配色

  1. #202201
  2. #012203
  3. #030122
  4. #220120

正方形配色

  1. #202201
  2. #012213
  3. #030122
  4. #22010f

单色配色

  1. #131401
  2. #131401
  3. #202201
  4. #666c03
  5. #acb705

暗调

#202201 逐步混入黑色。

  1. #202201
  2. #1d1f01
  3. #1a1b01
  4. #161801
  5. #131401
  6. #101101
  7. #0d0e00
  8. #0a0a00
  9. #060700
  10. #030300
  11. #000000

亮调

#202201 逐步混入白色。

  1. #202201
  2. #36381a
  3. #4d4e34
  4. #63644d
  5. #797a67
  6. #909180
  7. #a6a799
  8. #bcbdb3
  9. #d2d3cc
  10. #e9e9e6
  11. #ffffff

灰调

#202201 逐步混入灰色。

  1. #202201
  2. #2a2b0e
  3. #33351a
  4. #3d3e27
  5. #464834
  6. #505141
  7. #5a5a4d
  8. #63645a
  9. #6d6d67
  10. #767773
  11. #808080

清晰易读的文字 16.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
清晰易读的文字 1.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

全色盲 #202020 约占男性的 0.003%
全色弱 #202117 约占男性的 0.001%
红色盲 #262000 约占男性的 1.01%
绿色盲 #262003 约占男性的 1.27%
蓝色盲 #231f1b 约占男性的 0.0001%
红色弱 #232100 约占男性的 1.08%
绿色弱 #232102 约占男性的 4.63%
蓝色弱 #222014 约占男性的 0.0002%
用自己的图片模拟

此颜色的文字

此颜色的背景

此颜色的边框

文字颜色
.text-202201 {
  color: #202201;
}
背景
.bg-202201 {
  background-color: #202201;
  color: #ffffff;
}
边框
.border-202201 {
  border: 2px solid #202201;
}
CSS 变量
:root {
  --color-primary: #202201;
  --color-primary-rgb: 32 34 1;
  --color-primary-hsl: 64 94% 7%;
}
渐变
.gradient-202201 {
  background: linear-gradient(135deg, #202201, #0f2201);
}
彩色阴影
.shadow-202201 {
  box-shadow: 0 8px 24px rgb(32 34 1 / 0.35);
}

#123524 Phthalo Green ΔE 13.16 #3b3c36 Black Olive ΔE 13.37 #444c38 Rifle Green ΔE 14.02 #100c08 Smoky Black ΔE 14.25 #343434 Jet ΔE 15.22 #000000 Black ΔE 15.72 #4b5320 Army Green ΔE 16.20 #dfddfe 反色 #202020 灰度 

Phthalo Green
#202201  rgb(32, 34, 1)  hsl(64, 94%, 7%)  Phthalo Green
#030122  rgb(3, 1, 34)  hsl(244, 94%, 7%)  Oxford Blue
#012022  rgb(1, 32, 34)  hsl(184, 94%, 7%)  Gunmetal
#220120  rgb(34, 1, 32)  hsl(304, 94%, 7%)  Licorice