貼圖
顏色貼圖
把複製的顏色值貼成色塊,同時查看 RGB、HSV、HSL、HEX 等格式的數值,並複製為需要的格式。
顏色貼圖把一個顏色值貼成色塊,並同時列出這個顏色的 RGB、HSV、HSL 和 HEX 數值。可以把幾種顏色並排貼在螢幕上作為配色參考,也可以用它轉換不同的顏色格式。
建立顏色貼圖
複製一個顏色值(例如 #0485F7),按下 Ctrl+2⌃ Control+2。
截圖時用色彩選擇器複製的顏色值,也可以直接這樣貼出。
支援的顏色寫法
複製的文字是下面任意一種寫法時,會建立為顏色貼圖:
| 寫法 | 範例 |
|---|---|
| HEX | #0485F7、#08F |
| CSS 顏色函式 | rgb(4, 133, 247)、rgba(4, 133, 247, 0.5)、hsl(208, 97%, 49%) |
| CSS 顏色名稱 | red、skyblue |
| 逗號分隔的數值 | 4,133,247、4,133,247,128(每個數值 0~255) |
其他文字會建立為文字貼圖。
顏色貼圖中的資訊
#0485F7
RGB: 4, 133, 247
HSV: 208, 98, 97
HSL: 208, 97, 49
HEX: 0485F7
顏色貼圖由上到下依序是:色塊、複製的原始文字,以及這個顏色的 RGB、HSV、HSL、HEX 數值。顏色帶透明度時(例如 rgba(4, 133, 247, 0.5)),RGB 會顯示為 RGBA,並包含透明度數值。
複製為其他格式
在顏色貼圖上按右鍵,選單中會列出這個顏色的各種格式和數值,點擊即可複製。以 #0485F7 為例:
| 選單項目 | 複製的內容 |
|---|---|
| 複製 RGB: 4,133,247 | 4,133,247 |
| 複製 RGB: 0.016,0.522,0.969 | 0.016,0.522,0.969(0~1 的小數) |
| 複製 HSV: 208,98,97 | 208,98,97 |
| 複製 HSL: 208,97,49 | 208,97,49 |
| 複製 CMYK: 251,118,0,8 | 251,118,0,8(每個分量 0~255) |
| 複製 HEX: 0485F7 | 0485F7 |
| 複製 HEX: #0485F7 | #0485F7 |
複製的只有數值,不帶「RGB:」等前綴,可以直接貼到設計軟體或程式碼中。