PixPin
貼圖

顏色貼圖

把複製的顏色值貼成色塊,同時查看 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)

其他文字會建立為文字貼圖。

顏色貼圖中的資訊

顏色貼圖同時顯示多種格式的數值,右鍵選單可複製為其中任意一種。

顏色貼圖由上到下依序是:色塊、複製的原始文字,以及這個顏色的 RGB、HSV、HSL、HEX 數值。顏色帶透明度時(例如 rgba(4, 133, 247, 0.5)),RGB 會顯示為 RGBA,並包含透明度數值。

複製為其他格式

在顏色貼圖上按右鍵,選單中會列出這個顏色的各種格式和數值,點擊即可複製。以 #0485F7 為例:

選單項目複製的內容
複製 RGB: 4,133,2474,133,247
複製 RGB: 0.016,0.522,0.9690.016,0.522,0.969(0~1 的小數)
複製 HSV: 208,98,97208,98,97
複製 HSL: 208,97,49208,97,49
複製 CMYK: 251,118,0,8251,118,0,8(每個分量 0~255)
複製 HEX: 0485F70485F7
複製 HEX: #0485F7#0485F7

複製的只有數值,不帶「RGB:」等前綴,可以直接貼到設計軟體或程式碼中。

本頁目錄