栗色——含義、調色板、互補色和和諧
探索 栗色: 色彩心理學 色輪 （互補、類似、三元）、可訪問 顏色組合和準備好的調色板。轉變 十六進位, RGB, HSL，複製 CSS 變量，然後下載調色板 PNG。
栗色
色輪
互補色
色彩和諧
品牌調色板
提示：按 進入 在任何字段中更新所有值。
栗色一覽
意義與心理學
栗色象徵著傳統、深度和成熟。它廣泛應用於時尚、社論、高等教育、葡萄酒、酒店和奢侈品牌。
對比度和易讀性
在淺色背景上，栗色為標題和按鈕提供了鮮明的對比。在栗色塊上添加灰白色文本，打造精緻外觀。
對比檢查（白色）
—
對比檢查（黑色）
—
栗色調色板
自動生成 色調 （更白）， 色調 （更黑），以及 音調 （更多灰色）。單擊任意樣本以復制十六進製或將所有樣本導出為 CSS 變量。您還可以下載調色板 PNG。
色調
色調
音調
色輪和諧
探索 補充 對， 類似的 鄰居，以及 三元的 從這個栗色開始。這些組合可幫助您找到搭配得當的顏色。
補充
對比鮮明，對比強烈；濃郁的涼爽綠色讓栗色變得流行。
類似的
紅紫色到紅橙色的鄰居給人一種溫暖的編輯氛圍。
三元組
均勻的間距可以在儀表板和圖表中產生平衡的對比度。
特徵
- 同步 十六進制 ↔ RGB ↔ HSL 轉換。
- 生成的調色板： 色調, 色調, 音調。
- 色輪和諧： 補充, 類似的, 三元的。
- 一鍵式 CSS 變量 並可下載 PNG 調色板。
應用領域
使用栗色來表達高級口音、標題和號召性用語。可與灰白色、米色、沙色、木炭色、深綠色或柔和的青色搭配。對於數據視覺效果，三元組可以提供清晰的差異化，同時保持精緻的情緒。
如何使用
- 輸入十六進制（例如
#800000) 或 RGB/HSL 值並按 進入。 - 單擊任何樣本以復制其十六進制。嘗試互補或三元組進行對比。
- 下載調色板 PNG 或複制適用於您的設計系統的 CSS 變量。
- 檢查對比度（白/黑）以保持栗色 UI 中文本的可讀性。
常問問題
栗色和什麼顏色搭配比較好？
灰白色、米色、奶油色、木炭色、板岩色、森林綠、深青色和柔和的金色。
栗色的相反顏色是什麼？
RGB/HSL 輪上相反的青綠色可提供最強的對比度。為品牌按鈕選擇更深的冷綠色。
栗色適合正文嗎？
栗色作為白色的正文也可以；確認對比度。為了安全起見，請將標題、重音符號和組成部分保留為栗色。
內容上次更新時間：2025 年 11 月 18 日。