巧克力色

像巧克力片一樣，帶紅調的深棕色。可可原產於中美洲，「chocolate」一詞源自納瓦特爾語。常用於冬季服飾、甜點包裝和家具。

又稱：巧克力棕, 可可色

巧克力色 · #7B3F00

巧克力色的基本資訊

巧克力色（#7B3F00）是暖色系、偏暗、鮮豔的顏色，屬於咖啡色系。RGB 值為紅 123、綠 63、藍 0（各 255 階）。常見用途：時尚, 烘焙甜點, 室內設計。

巧克力色的深淺：亮色調與暗色調

由淺到深依序排列。點一下顏色就能複製色碼。

看看所有色階: 色階產生器

巧克力色的色彩和諧配色

依據色環產生的配色。到色彩和諧工具可以試試更多組合。

互補色相近顏色：紫外光色

類似色相近顏色：褐紅色, 橄欖綠

三等分配色相近顏色：墨西哥國旗綠, 靛藍色

分裂互補色相近顏色：藍綠色, 海軍藍

四角配色相近顏色：綠色, 紫外光色, 紫色

使用巧克力色的配色色票

可以直接複製色碼，或在編輯器中開啟自由調整。

單色配色 · 巧克力色

類似色配色 · 巧克力色

互補色配色 · 巧克力色

三等分配色 · 巧克力色

搭配中性色配色 · 巧克力色

搭配強調色配色 · 巧克力色

巧克力色與文字顏色的對比

白色文字對比度 8.2:1 · AAA

黑色文字對比度 2.6:1 · 不建議

依據 WCAG 2.1 標準。其他顏色組合可以用對比檢查工具確認。

CSS 程式碼

:root {
  --chocolate-brown: #7B3F00;
  --chocolate-brown-rgb: 123, 63, 0;
}
.bg { background-color: var(--chocolate-brown); }
.text { color: var(--chocolate-brown); }

和巧克力色相近的顏色

棕色棕褐色赭石色銅色栗色鐵鏽色咖啡色褐紅色古銅色赭黃色

使用這個顏色的主題配色

其他咖啡色系

棕色咖啡色桃花心木色栗色肉桂色棕褐色赭黃色焦糖色駝色摩卡色卡其色沙色米色裸色古銅色菸草色赭石色拿鐵色

常見問題

巧克力色的色碼是多少？

巧克力色的 HEX 色碼是 #7B3F00。RGB 為 rgb(123, 63, 0)，HSL 為 hsl(31, 100%, 24%)，CMYK 為 0, 49, 100, 52。

巧克力色的互補色是什麼？

在色環上位於對面的互補色是 #003C7B，色調接近紫外光色。少量用來當強調色，就能做出強烈的對比。

在巧克力色上放白色文字好閱讀嗎？

可以。和白色的對比度為 8.2:1，一般大小的文字也足夠清楚（WCAG AA）。