色彩專區

類似色產生器

產生基準色左右各30°的鄰近色相。這款免費工具可在瀏覽器中執行。

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

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

顏色值

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

結果表單 / 02

類似色1

#25C6EB

基準色HEX
#2563EB
類似色2
#4A25EB
色盤HEX值
#25C6EB #4A25EB
計算公式鄰近色 = 基準色相 − 30° 和 + 30°
假設條件 / 使用前請閱讀
  1. 結果是具決定性的sRGB數學轉換;顯示效果取決於您的螢幕和色彩設定檔。
  2. HEX輸入接受#RGB或#RRGGBB表示法。數值會留在您的瀏覽器中,不會上傳。

讓相近色彩保有對比

類似色彼此接近,並共用基準色的飽和度和明度,因此能平順融合,適合漸層、背景和插圖。但正因為太接近,它們無法清楚區分文字與背景,也難以標示可點擊的內容。請調整其中一種色彩的明度,用於文字和表面,並加入對比色強調,例如使用互補色產生器產生基準色的相反色,用於按鈕和醒目標示。

30度不一定代表相同的階距

HSL對人眼而言並不是平均分布色相。在0°的紅色、30°的橘色和60°的黃色之間,每個30°階距都會落在不同名稱的色彩上;但約90°到150°的範圍全都是綠色,因此以綠色為基礎建立的類似色組可能看起來幾乎一樣。紅色基準還會繞回色相環,在一側接近330°的位置得到粉色,另一側則得到橘色。

使用方式

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

隱私與限制

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

相關工具

常見問題

類似色盤如何運作?

它會使用鄰近色 = 基準色相 − 30° 和 + 30°。

接受哪些HEX格式?

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

對比度結果是否保證符合無障礙規範?

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

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