色彩專區

三角色彩產生器

在HSL色輪上產生兩個間距均等的配色,快速建立三角色盤。

三角色彩產生器: TOEA會套用固定公式:配色 = 基準色相 + 120° 和 + 240°。色彩運算會在您的瀏覽器中本機執行。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
TOEA / 顏色引擎 01僅限瀏覽器
輸入表單 / 01

顏色值

數值會保留在此裝置上。變更輸入值後請重新計算。

結果表單 / 02

三角色彩1

#EB2563

基準HEX
#2563EB
三角色彩2
#63EB25
色盤HEX值
#EB2563 #63EB25
計算公式配色 = 基準色相 + 120° 和 + 240°
假設條件 / 使用前請閱讀
  1. 結果是確定性的sRGB數學轉換;顯示效果取決於您的螢幕與色彩設定檔。
  2. HEX輸入接受#RGB或#RRGGBB表示法。數值會留在您的瀏覽器中,不會上傳。

平衡三種強烈色相

色相環上等距分布的三種色相,在飽和度相同時都會爭奪注意力。常見做法是讓其中一種成為主色,第二種用於輔助區域,第三種只用作小面積強調色,通常稱為60-30-10比例。從純紅色開始會得到螢幕的紅、綠、藍三原色;使用柔和或較暗的基準色,通常比鮮豔色更容易產生實用的配色。

紙面上明度相同,肉眼看起來卻不同

兩個搭配色與基準色共用相同的HSL明度值,但肉眼不會將它們看成同樣明亮:相同數值下,綠色和黃色看起來會比藍色和紫羅蘭色亮得多。因此,三角色組即使在數學上對稱,視覺上仍可能失去平衡。請將每種色彩送入灰階轉換器查看實際明度,再用調淡色階或調暗色階調整,直到整組看起來均衡。

使用方式

  1. 輸入有效的#RGB或#RRGGBB值,以及所需的百分比。
  2. 執行固定的瀏覽器本機色彩運算。
  3. 查看色樣,並複製結果或色盤值。

隱私與限制

色彩值會留在這部裝置上。對比度輸出是數學上的檢查結果,不代表全面的WCAG合規保證;情境、字型呈現、非文字對比度及使用者介面狀態仍需另行檢查。

相關工具

常見問題

三角色盤如何運作?

它會使用配色 = 基準色相 + 120° 和 + 240°。

接受哪些HEX格式?

請使用三位數的#RGB或六位數的#RRGGBB sRGB表示法。不接受Alpha通道和命名色彩。

對比度結果能保證符合無障礙規範嗎?

不能。這是針對所回報色彩與文字門檻的數學對比度檢查工具,不代表全面的合規保證。

免費工具・使用在瀏覽器中次・免註冊