工具矩陣
色彩工具
為您的專案生成、分析和匯出調色盤。
V_1.1.0
色彩選擇器
直接從圖片中選取顏色。
提取
V_2.3.1
提取顏色
從圖片中提取主要顏色。
提取
V_3.5.2
調色盤生成器
從圖片生成完整的色彩調色盤。
提取
V_4.7.3
主導色
識別圖片中的主導顏色。
提取
V_5.9.4
相似顏色
尋找與您選擇相似的顏色。
分析
V_6.11.5
顏色轉換
在 HEX、RGB、HSL、CMYK 之間轉換顏色。
轉換
V_7.13.6
色彩對比度
檢查 WCAG 無障礙對比度。
分析
V_8.15.7
匯出調色盤
將調色盤匯出為 CSS、JSON、ASE 格式。
匯出
V_9.17.8
色彩預覽
視覺化顏色在設計中的效果。
分析
V_10.19.9
下載顏色
將色彩調色盤下載為圖片。
匯出
V_11.21.10
分享顏色
透過唯一連結分享您的調色盤。
匯出
V_12.23.11
色彩和諧
探索互補色、三元色和諧。
分析
V_13.25.12
CSS 漸層
生成線性、徑向 CSS 漸層。
漸層
V_14.27.13
Mesh 漸層
創建美麗的多色 mesh 漸層。
漸層
V_15.29.14
動態漸層
使用 CSS 創建動態漸層背景。
漸層
V_16.31.15
色盲模擬器
模擬色盲者看到的顏色效果。
無障礙
V_17.33.16
文字可讀性
測試不同顏色組合的可讀性。
無障礙
V_18.35.17
WCAG 分析器
分析調色盤的 WCAG 合規性。
無障礙
V_19.37.18
玻璃擬態
使用 CSS 生成玻璃擬態效果。
效果
V_20.39.19
新擬態
創建柔和的 UI 新擬態效果。
效果
V_21.41.20
彩色陰影
生成 CSS 彩色陰影效果。
效果
V_22.43.21
雙色調效果
為圖片套用雙色調效果。
創意
V_23.45.22
圖片色彩濾鏡
為圖片套用色彩濾鏡。
創意
V_24.47.23
色彩情緒板
使用您的調色盤創建情緒板。
創意
V_25.49.24
色彩混合器
混合和組合顏色。
創意
V_26.51.25
色調和陰影
生成任何顏色的色調和陰影。
創意
V_27.53.26
隨機調色盤
生成隨機色彩調色盤以獲取靈感。
創意
V_28.55.27
關鍵字調色盤
根據關鍵字生成調色盤。
創意
V_29.57.28
Tailwind 調色盤
生成 Tailwind CSS 顏色配置。
開發者
V_30.59.29
CSS 變數
將顏色匯出為 CSS 自訂屬性。
開發者
V_31.61.30
shadcn/ui 主題
為 shadcn/ui 生成主題配置。
開發者
V_32.63.31
SCSS 變數
將顏色匯出為 SCSS/Sass 變數。
開發者
V_33.65.32
色溫
分析暖色調和冷色調。
分析
V_34.67.33
色彩情緒
探索色彩的情感和心理學。
分析
V_35.69.34
品牌色彩
從標誌中提取品牌顏色。
分析
V_36.71.35
色彩趨勢
發現流行顏色和調色盤。
創意
V_37.73.36
漸層映射
為圖片套用漸層映射。
創意
V_38.75.37
色彩疊加
為圖片添加色彩疊加。
創意
V_39.77.38
單色調色盤
創建單色配色方案。
創意
V_40.79.39
互補配色
生成互補配色方案。
創意
V_41.81.40
UI 預覽
在 UI 元件中視覺化顏色。
預覽
V_42.83.41
社群預覽
在社群媒體中視覺化顏色。
預覽