跳到取色器

淺灰色:#d3d3d3

淺灰色的 HEX 值是 #d3d3d3,RGB 值是 rgb(211, 211, 211),OKLCH 值是 oklch(86.686% 0 0)。其他所有格式、色階、搭配顏色和配色都在下方。

辨識為 HEX

0°
100%

86.7%
0.000
0°
  • 灰色
  • 極淺
  • 低彩度
  • 中性色
  • neutral-300
  • 黑度 17%

在 sRGB 色域內:在任何螢幕上顯示都一樣。

白色文字
1.50:1難以閱讀
Lc -26
黑色文字
14.03:1清楚易讀 · AA
Lc 80

色階

由淺到深排列。點一下色階即可使用。

和諧配色

最近使用

你停留過或複製過的顏色會出現在這裡,只儲存在這台裝置上。

又稱: Light gray, Light grey

包含淺灰色的配色

相近的有名稱顏色

關於淺灰色的常見問題

淺灰色的 HEX 色碼是多少?

淺灰色的 HEX 色碼是 #d3d3d3。它的 RGB 值是 rgb(211, 211, 211),HSL 值是 hsl(0, 0%, 82.75%),OKLCH 值是 oklch(86.686% 0 0)。

淺灰色跟什麼顏色最搭?

它的互補色是 #d3d3d3。想要比較柔和的效果,可以搭配類似色 #d3d3d3 和 #d3d3d3。本頁也列出了包含淺灰色的現成配色。

淺灰色是暖色還是冷色?

淺灰色屬於中性色,OKLCH 色相為 0 度。

淺灰色上用什麼顏色的文字最好讀?

在淺灰色上,黑色文字比較好讀:白色的對比度為 1.5:1,黑色為 14.03:1。WCAG AA 要求內文對比度至少 4.5:1。

關於 #d3d3d3

#d3d3d3 是一種極淺灰色。在 OKLCH 中,它的亮度為 86.7%,彩度為 0,色相為 0°。

在 sRGB 色域內:在任何螢幕上顯示都一樣。

白色文字放在它上面的對比度為 1.5:1,黑色文字為 14.03:1,所以用黑色文字比較好讀。

最接近的有名稱顏色是淺灰色(#d3d3d3)。在 Tailwind CSS 中,最接近的顏色是 neutral-300。

更多極淺灰色系顏色

更淺:#d3d3d3 混入白色

  1. d3d3d3
  2. dcdcdc

更深:#d3d3d3 混入黑色

  1. d3d3d3
  2. 696969

更柔和:降低 #d3d3d3 的飽和度

  1. d3d3d3
  2. d3d3d3
  3. d3d3d3
  4. d3d3d3
  5. d3d3d3
  6. d3d3d3
  7. d3d3d3
  8. d3d3d3
  9. d3d3d3
  10. d3d3d3