使用方式
- 使用顏色選擇器,或輸入支援的 HEX、RGB、HSL 或常用顏色名稱。
- 查看偏暖、偏冷或接近中性的判斷與原因,並比較兩個相近選項。
- 將較暖或較冷的選項設為新的基準顏色,或複製結果供其他顏色工具使用。
建立更多變化前,先確認顏色方向
先從一種顏色確認視覺方向,再繼續建立調色板、色階、轉換格式或檢查對比。
#ff7a18
判斷
偏暖
原因:色相較接近紅、橙或黃,因此視覺上偏暖。
- HEX
#ff7a18- RGB
rgb(255, 122, 24)- HSL
hsl(25.5, 100%, 54.7%)- 常用顏色名稱
- 沒有完全相符的常用顏色名稱
#ff7a18 視覺上偏暖。
如何選擇相關工具
需要尋找第一個顏色時使用顏色選擇器;需要混合兩種已知顏色時使用混色器。本頁適合先判斷顏色偏暖、偏冷或接近中性。下一步可使用色彩和諧產生器建立配色關係、使用調色板產生器擴展候選顏色、使用色階產生器建立有序色階、使用漸變產生器建立 CSS 背景、使用顏色轉換器轉換格式,或使用對比檢查器確認可讀性。
常見問題
這個頁面可以做甚麼?
輸入一種顏色後,本工具會按簡易的色相、飽和度及明度規則,判斷它偏暖、偏冷或接近中性,並顯示較暖及較冷的相近選項。
何時應使用本工具,而不是調色板或色階工具?
想先確認顏色方向時使用本工具;想擴展更多候選顏色時使用調色板產生器,想建立由淺至深的有序步驟時使用色階產生器。
這是完整的色彩理論工具嗎?
不是。本工具提供快速、實用的方向判斷,適合 UI、品牌及油漆規劃的初步比較。
可以在其他工具繼續使用已檢查的顏色嗎?
可以。複製這裏的 HEX 值,再前往調色板、色階、顏色轉換或對比檢查工具繼續操作。