色彩工具
在瀏覽器中挑選、轉換與檢查色彩,不需上傳任何檔案。
- 色彩調色盤生成器選擇一個基底色彩,即可獲得相應的調色盤——補色、鄰近色、三色、以及其他搭配。
- 隨機色彩生成器立即產生隨機 HEX、RGB 與 HSL 色彩。點選任意色塊即可複製——無需註冊。
- 將 RGB 轉為十六進位立即將 RGB 轉為 HEX,並反向轉為 RGB,搭配即時色彩預覽與 HSL,全部都在瀏覽器中完成。
- 色彩對比檢查器即時檢查任意文字色彩與背景色彩組合是否符合 WCAG AA 與 AAA 對比規則。
- 色彩漸層生成器視覺化建立線性與放射狀 CSS 漸層,並以一鍵複製可直接使用的程式碼。
- RGB 到 CMYK 轉換工具立即在瀏覽器中將 RGB 螢幕顏色轉換為 CMYK 印刷百分比(並反向轉換),簡單快速。
- 色彩混合器將任意兩種顏色混合,並讀取結果的精確十六進位碼與 RGB 值——兩者之間會呈現即時漸層效果。
- HEX 轉 RGB 編碼轉換器將 CSS 十六進位顏色轉換為精確的紅、綠、藍以及可選透明度通道值。
- 補色尋找工具找出六位數十六進位色彩的精確 8 位元數字 RGB 倒數,並顯示兩種色板與各頻道值。
- CMYK 轉為 RGB預覽未校準的 CMYK 百分比,作為大約的螢幕 RGB 顏色與十六進位值。
- RGB 轉 HSV 轉換器將整數 RGB 通道轉換為色調、飽和度與亮度,並設定明確範圍,正確處理無色調情況,並提供即時色彩預覽。
- 網頁安全顏色對照表瀏覽完整的歷史 216 顏色網格,並可將任意 HEX 顏色快速對應至最接近的通道級別匹配。
- 色彩差異計算器比較兩種不透明的 HEX 色彩,並以基於標準的 CIEDE2000 值進行分析,檢視每一個 D50 CIELAB 坐標。
- HTML 顏色名稱對照表搜尋所有 148 透明度為 1 的 CSS 顏色名稱關鍵字,並複製每個精確標準化的 HEX 或 RGB 對應值。
- 圖片平均色彩查詢器在瀏覽器中查詢圖片的 alpha 加權平均色彩,並複製精確的 HEX 值。
- SVG 字元生成器創造一個可重現的有機 SVG 字元,然後複製或下載精確的向量標記。
- SVG 範圖生成器建立一個無縫的 SVG 範圖並複製相符的 CSS,無需上傳資源或撰寫路徑標記。
- CSS 檢視方塊生成器建立一個可訪問的原生檢視方塊樣式,並同步複製 CSS 與 HTML。
- CSS 漸進曲線生成器設計一個有效的 CSS 漸進曲線,並複製其精確的時間函式宣告。
- CSS 切換開關產生器產生一個可透過鍵盤操作的 CSS 切換開關,並精確設定軌道與旋鈕的幾何結構。
- CSS 三角形生成器產生精確的四方向 CSS 邊框三角形,並同步複製 CSS 與 HTML。
- Google Fonts 藏頭詩搭配工具比較八組精心挑選的 Google Fonts 搭配組合,複製有效的 CSS2 連結加上預設 CSS。
關於這些工具
每個 色彩工具 分類中的每個工具都在瀏覽器本機運作:檔案會在你的裝置上處理,絕不會上傳到伺服器。因此即使處理敏感文件,在工作或家中使用也快速、私密且安全。