ColorTool
登入
#767976

#767976 ≈ Gray

  • 灰
  • 明度: 中等
  • 彩度: 幾乎為零
  • 中性色
檢查對比度 在關係圖中探索 隨機色彩

#767976 屬於灰色系（明度：中等，彩度：幾乎為零）。 在 RGB 模型中，它由 46.27% 紅、47.45% 綠和 46.27% 藍組成；以 CMYK 印刷時需要 2.48% 青、0% 洋紅、2.48% 黃和 52.55% 黑。 在 HSL 中，它的色相角為 120°，彩度為 1.26%，明度為 46.86%。 這是一種中性色，常讓人聯想到中立、平衡與專業。 設計師常把它用於內文與字體排印、企業識別和品牌點綴色。 在此色彩上使用黑色文字時，對比度為 4.77:1（WCAG AA）。 最接近的具名色彩是 Gray（#808080），ΔE 為 4.08。

根據此色彩的量測屬性自動產生的說明。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
網頁安全色#666666
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二進位
十進位
相對亮度0.1883

互補色

  1. #767976
  2. #797679

分裂互補色

  1. #767976
  2. #777679
  3. #797677

類似色

  1. #777976
  2. #767976
  3. #767977

三角配色

  1. #767976
  2. #767679
  3. #797676

矩形配色

  1. #767976
  2. #767979
  3. #797679
  4. #797676

正方形配色

  1. #767976
  2. #767779
  3. #797679
  4. #797776

單色配色

  1. #2a2c2a
  2. #505250
  3. #767976
  4. #9d9f9d
  5. #c3c5c3

暗色

#767976 逐步混入黑色。

  1. #767976
  2. #6a6d6a
  3. #5e615e
  4. #535553
  5. #474947
  6. #3b3d3b
  7. #2f302f
  8. #232423
  9. #181818
  10. #0c0c0c
  11. #000000

淺色

#767976 逐步混入白色。

  1. #767976
  2. #848684
  3. #919491
  4. #9fa19f
  5. #adafad
  6. #bbbcbb
  7. #c8c9c8
  8. #d6d7d6
  9. #e4e4e4
  10. #f1f2f1
  11. #ffffff

灰調

#767976 逐步混入灰色。

  1. #767976
  2. #777a77
  3. #787a78
  4. #797b79
  5. #7a7c7a
  6. #7b7d7b
  7. #7c7d7c
  8. #7d7e7d
  9. #7e7f7e
  10. #7f7f7f
  11. #808080

清楚易讀的文字 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
清楚易讀的文字 4.77:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

全色盲 #787878 約占男性的 0.003%
全色弱 #777877 約占男性的 0.001%
紅色盲 #797876 約占男性的 1.01%
綠色盲 #797876 約占男性的 1.27%
藍色盲 #767978 約占男性的 0.0001%
紅色弱 #787976 約占男性的 1.08%
綠色弱 #787876 約占男性的 4.63%
藍色弱 #767977 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-767976 {
  color: #767976;
}
背景
.bg-767976 {
  background-color: #767976;
  color: #000000;
}
框線
.border-767976 {
  border: 2px solid #767976;
}
CSS 變數
:root {
  --color-primary: #767976;
  --color-primary-rgb: 118 121 118;
  --color-primary-hsl: 120 1% 47%;
}
漸層
.gradient-767976 {
  background: linear-gradient(135deg, #767976, #767977);
}
彩色陰影
.shadow-767976 {
  box-shadow: 0 8px 24px rgb(118 121 118 / 0.35);
}

#808080 Gray ΔE 4.08 #808080 Grey ΔE 4.08 #848482 Battleship Gray ΔE 4.88 #696969 Dim Gray ΔE 6.55 #696969 Dim Grey ΔE 6.55 #8b8589 Taupe Gray ΔE 9.13 #738678 Xanadu ΔE 9.65 #898689 反相色 #787878 灰階 

Gray
#767976  rgb(118, 121, 118)  hsl(120, 1%, 47%)  Gray
#797679  rgb(121, 118, 121)  hsl(300, 1%, 47%)  Gray
#767679  rgb(118, 118, 121)  hsl(240, 1%, 47%)  Gray
#797676  rgb(121, 118, 118)  hsl(0, 1%, 47%)  Gray