色彩專區
色彩陰影產生器
將色彩與黑色混合，讓色彩變暗。免費、免註冊，直接在瀏覽器中執行。
色彩陰影產生器: TOEA套用以下固定公式：陰影色＝色彩×(1−比例)＋黑色×比例。色彩運算會在您的瀏覽器中本機執行。 全程在瀏覽器中於本機執行，檔案不會上傳至伺服器。
- 分類
- 日常工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
結果表單 / 02
陰影HEX
#BB5611
- 陰影RGB
- rgb(187, 86, 17)
計算公式
陰影色＝色彩×(1−比例)＋黑色×比例假設條件 / 使用前請閱讀
- 結果是確定性的sRGB數學轉換；顯示外觀會受到您的螢幕與色彩設定檔影響。
- HEX輸入接受#RGB或#RRGGBB表示法。數值會保留在您的瀏覽器中，不會上傳。
用於狀態和文字的暗色階梯
按鈕色加入10–20%的黑色，是常見的懸停或按下狀態，深度足以讓人注意，又不會看起來像另一種色彩。加入60–80%的黑色，會將品牌色轉成深沉色調，適合標題或文字，同時仍能看出它屬於原本的配色；這些階梯也最有可能在白色背景上通過對比度檢查。請從原始基準色建立每個階梯，讓整體比例保持均勻。
深色版本變混濁時
與黑色混合會等比例縮放每個色彩通道，因此能保留色相，卻不一定符合我們對色彩名稱的直覺。深黃色會看起來像橄欖色，深橘色像棕色，深粉色像栗色，即使計算完全正確。如果暗色看起來髒濁，設計師通常會先稍微調整色相，例如將黃色往橘色移，再降低明度。色彩混合器可讓你往深海軍藍或棕色方向變暗，而不是直接混入純黑，產生更豐富的結果。
使用方式
- 輸入有效的#RGB或#RRGGBB值，以及所需的百分比。
- 執行固定的瀏覽器本機色彩運算。
- 檢視色票，並複製結果或色彩盤值。
隱私與限制
色彩值會保留在這台裝置上。對比度輸出是數學檢查結果，並不代表全面符合WCAG；情境、字型呈現、非文字對比，以及使用者介面狀態仍需另外檢視。
相關工具
常見問題
陰影產生器如何運作？
它會使用陰影色＝色彩×(1−比例)＋黑色×比例。
接受哪些HEX格式？
請使用三位數的#RGB或六位數的#RRGGBB sRGB表示法。不接受Alpha通道和命名色彩。
對比度結果能保證符合無障礙規範嗎？
不能。這是針對所回報色彩與文字門檻的數學對比度檢查工具，並不代表全面符合規範。
免費工具・使用在瀏覽器中次・免註冊