色碼換算工具
在 HEX、RGB 和 HSL 色碼之間互換。 使用顏色選擇器和即時預覽直觀選色。
顏色預覽
HEX
RGB
rgb(255, 87, 51)
R
G
B
HSL
hsl(11, 100%, 60%)
H
S
L
分享此工具
📖
使用方法
Step 1
選擇顏色
使用顏色選擇器或輸入色碼
→
Step 2
自動換算
同時顯示 HEX、RGB 和 HSL 格式
→
Step 3
複製
複製任何格式的色碼
✨
功能特色
3 種格式
在 HEX、RGB 和 HSL 之間互換
即時預覽
顏色變更即時反映在預覽中
顏色選擇器
視覺化顏色選擇器，直觀選色
❓
FAQ
使用十六進位的 #RRGGBB 格式，網頁開發中最常見。
🔗相關工具
🎨
設計工具色彩選擇器
使用色輪和滑桿直覺地選取顏色。 取得並複製 HEX、RGB 和 HSL 格式的色彩代碼。
🎨
設計工具圖片色彩擷取器
自動偵測圖片中的主要色彩並生成色彩調色盤。 也可以點擊圖片上的任意位置來取得個別色彩。
🎯
設計工具圖片平均色彩擷取器
計算整張圖片或選定區域的平均色彩。 適合用於選擇配色方案或縮圖背景顏色。
🌈
設計工具CSS 漸層產生器
使用拖動控制視覺化建立 CSS 漸層。 支援線性、放射狀和圓錐漸層類型及預設。
🔲
設計工具CSS 陰影產生器
使用滑桿視覺化建立 CSS box-shadow。 支援多重陰影和內陰影。
⬜
設計工具CSS 圓角產生器
使用各角落獨立控制產生 CSS border-radius。 包含橢圓半徑選項和常用形狀預設。