色彩專區

互補色產生器

在固定結果的HSL色輪上,產生與指定色相相反的互補色。

互補色產生器: TOEA套用以下固定公式:互補色相 = 基準色相 + 180°。色彩運算會在瀏覽器中本機執行。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

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

顏色值

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

結果表單 / 02

互補色HEX

#EBAD25

互補色RGB
rgb(235, 173, 37)
計算公式互補色相 = 基準色相 + 180°
假設條件 / 使用前請閱讀
  1. 結果是固定的sRGB數學轉換;顯示效果取決於你的螢幕與色彩設定檔。
  2. HEX輸入接受#RGB或#RRGGBB表示法。數值會留在瀏覽器中,不會上傳。

不是畫家的色相環

這裡的相反色相來自螢幕的紅綠藍色相環,其中紅色對應青色、綠色對應洋紅色、藍色對應黃色。美術課教的色相環以紅、黃、藍顏料為基礎,配對方式則是紅配綠、藍配橘。因此,像#2563EB這樣的藍色在這裡會得到溫暖的琥珀色搭配,接近但不完全等同於畫家會選的橘色。灰色、白色和黑色沒有色相,因此會維持不變。

使用互補色配對

兩種互補色以完整強度並排時,共同邊界看起來會閃動,容易讓眼睛疲勞,尤其是彼此作為文字和背景時。請使用其中一種作為主色,另一種作為小面積強調色,用於行動呼籲、醒目標示或需要突出的圖表線條。調亮或調暗其中一種,讓兩者的明度也有所差異,如此對色盲讀者和黑白列印都更容易辨識。

使用方式

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

隱私與限制

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

相關工具

常見問題

互補色如何運作?

它使用互補色相 = 基準色相 + 180°。

接受哪些HEX格式?

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

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

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

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