跳到取色器

銅色:#b87333

銅色的 HEX 值是 #b87333,RGB 值是 rgb(184, 115, 51),OKLCH 值是 oklch(61.795% 0.1171 60.399)。其他所有格式、色階、搭配顏色和配色都在下方。

辨識為 HEX

29°
100%

61.8%
0.117
60°
  • 棕色
  • 中等
  • 鮮豔
  • 暖色
  • yellow-700
  • 黑度 28%

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

白色文字
3.79:1難以閱讀
Lc -71
黑色文字
5.54:1清楚易讀 · AA
Lc 39

色階

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

和諧配色

最近使用

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

又稱: 紅銅色, Copper

包含銅色的配色

相近的有名稱顏色

關於銅色的常見問題

銅色的 HEX 色碼是多少?

銅色的 HEX 色碼是 #b87333。它的 RGB 值是 rgb(184, 115, 51),HSL 值是 hsl(28.87, 56.6%, 46.08%),OKLCH 值是 oklch(61.795% 0.1171 60.399)。

銅色跟什麼顏色最搭?

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

銅色是暖色還是冷色?

銅色屬於暖色,OKLCH 色相為 60 度。

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

在銅色上,白色文字比較好讀:白色的對比度為 3.79:1,黑色為 5.54:1。WCAG AA 要求內文對比度至少 4.5:1。

關於 #b87333

#b87333 是一種鮮豔 棕色。在 OKLCH 中,它的亮度為 61.8%,彩度為 0.117,色相為 60°。

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

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

最接近的有名稱顏色是銅色(#b87333)。在 Tailwind CSS 中,最接近的顏色是 yellow-700。

更多中等棕色系顏色

更淺:#b87333 混入白色

  1. b87333

更深:#b87333 混入黑色

  1. b87333

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

  1. b87333

相近的有名稱顏色

與 #b87333 搭配的顏色

互補色
#b87333
類似色
#b87333
三角配色
#b87333
分裂互補
#b87333