配色產生器

工具介紹

從基準色建立互補、類似、三色或單色配色，匯出 HEX、CSS 變數或 JSON。

設計工具

使用說明

輸入 HEX、RGB 或 HSL 色彩，也可使用選色器。選擇配色方式後，點色票即可複製 HEX，整組配色可匯出為 CSS 變數或 JSON 陣列。

配色依 HSL 色相位移或明度變化產生，輸出不含透明度。色票文字採黑白之中 WCAG 對比度較高者並顯示數值；整組配色不代表任意兩色都符合無障礙要求，請另檢查實際文字與背景組合。

相關工具

色彩格式轉換

轉換 HEX、RGB、HSL 與透明度，即時檢視色樣並複製可用於 CSS 的色值。

設計工具

色彩對比檢查

依 WCAG 2.2 檢查文字與背景對比，即時預覽一般及大型文字的 AA、AAA 結果。

設計工具

CSS 漸層產生器

視覺化製作線性與放射狀漸層，編輯色標、位置和角度，直接複製 CSS。

設計工具

CSS 陰影產生器

調整位移、模糊、擴展、顏色和透明度，預覽內外陰影並複製 box-shadow。

設計工具

評論

0

最新 最熱 連續加載 分頁

登錄後參與評論。

暫無評論

回復討論

按時間查看完整回復脈絡；每條回復都會標明它回應的具體內容。