顏色混合工具
以指定比例混合兩種或多種顏色，創造新顏色。 比較 RGB、HSL 和 LAB 等不同色彩空間的結果。
選擇顏色
混合比例
顏色 1 50%顏色 2 50%
結果
HEX
#A79C98
RGB
rgb(167, 156, 152)
HSL
hsl(16, 8%, 63%)
++
分享此工具
📖
使用方法
Step 1
選擇顏色
選擇兩種或多種要混合的顏色
→
Step 2
調整比例
調整每種顏色的混合比例
→
Step 3
複製結果
複製混合後的色碼
✨
功能特色
即時混合
顏色或比例變更時結果即時更新
多種顏色
可同時混合兩種以上的顏色
色彩空間
在 RGB、HSL 等不同色彩空間中混合
❓
FAQ
最多可同時混合 10 種顏色。
🔗相關工具
🎨
設計工具色碼換算工具
在 HEX、RGB 和 HSL 色碼之間互換。 使用顏色選擇器和即時預覽直觀選色。
🎨
設計工具色彩選擇器
使用色輪和滑桿直覺地選取顏色。 取得並複製 HEX、RGB 和 HSL 格式的色彩代碼。
🎨
設計工具圖片色彩擷取器
自動偵測圖片中的主要色彩並生成色彩調色盤。 也可以點擊圖片上的任意位置來取得個別色彩。
🎯
設計工具圖片平均色彩擷取器
計算整張圖片或選定區域的平均色彩。 適合用於選擇配色方案或縮圖背景顏色。
🌈
設計工具CSS 漸層產生器
使用拖動控制視覺化建立 CSS 漸層。 支援線性、放射狀和圓錐漸層類型及預設。
🔲
設計工具CSS 陰影產生器
使用滑桿視覺化建立 CSS box-shadow。 支援多重陰影和內陰影。