色彩專區
三角色彩產生器
在HSL色輪上產生兩個間距均等的配色,快速建立三角色盤。
三角色彩產生器: TOEA會套用固定公式:配色 = 基準色相 + 120° 和 + 240°。色彩運算會在您的瀏覽器中本機執行。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 日常工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
結果表單 / 02
三角色彩1
#EB2563
- 基準HEX
- #2563EB
- 三角色彩2
- #63EB25
- 色盤HEX值
- #EB2563 #63EB25
計算公式
配色 = 基準色相 + 120° 和 + 240°假設條件 / 使用前請閱讀
- 結果是確定性的sRGB數學轉換;顯示效果取決於您的螢幕與色彩設定檔。
- HEX輸入接受#RGB或#RRGGBB表示法。數值會留在您的瀏覽器中,不會上傳。
平衡三種強烈色相
色相環上等距分布的三種色相,在飽和度相同時都會爭奪注意力。常見做法是讓其中一種成為主色,第二種用於輔助區域,第三種只用作小面積強調色,通常稱為60-30-10比例。從純紅色開始會得到螢幕的紅、綠、藍三原色;使用柔和或較暗的基準色,通常比鮮豔色更容易產生實用的配色。
紙面上明度相同,肉眼看起來卻不同
兩個搭配色與基準色共用相同的HSL明度值,但肉眼不會將它們看成同樣明亮:相同數值下,綠色和黃色看起來會比藍色和紫羅蘭色亮得多。因此,三角色組即使在數學上對稱,視覺上仍可能失去平衡。請將每種色彩送入灰階轉換器查看實際明度,再用調淡色階或調暗色階調整,直到整組看起來均衡。
使用方式
- 輸入有效的#RGB或#RRGGBB值,以及所需的百分比。
- 執行固定的瀏覽器本機色彩運算。
- 查看色樣,並複製結果或色盤值。
隱私與限制
色彩值會留在這部裝置上。對比度輸出是數學上的檢查結果,不代表全面的WCAG合規保證;情境、字型呈現、非文字對比度及使用者介面狀態仍需另行檢查。
相關工具
常見問題
三角色盤如何運作?
它會使用配色 = 基準色相 + 120° 和 + 240°。
接受哪些HEX格式?
請使用三位數的#RGB或六位數的#RRGGBB sRGB表示法。不接受Alpha通道和命名色彩。
對比度結果能保證符合無障礙規範嗎?
不能。這是針對所回報色彩與文字門檻的數學對比度檢查工具,不代表全面的合規保證。
免費工具・使用在瀏覽器中次・免註冊