色彩選擇器

截圖時，PixPin 的放大鏡可以擷取螢幕上任意一個像素的顏色，並複製成 RGB、HEX 等常用格式。設計師對照配色、開發者核對介面顏色時，不需要另外開啟取色工具。

1024, 368

rgb(4, 133, 247)

C：複製顏色值Shift：切換顏色格式PShift⇧ ShiftC切換座標切換顏色格式複製顏色值1放大的像素格線2中心像素：取色位置

用放大鏡取色Copy Anchor Link

如果希望放大鏡一直顯示，不用按住 Alt⌥ Option，在設定的「截圖」頁中把「顯示輔助線」改為「始終顯示」。

在貼圖上同樣可以取色：把滑鼠移到貼圖上，按住 Alt⌥ Option 顯示放大鏡，再按 CC 複製顏色。

精確定位到像素Copy Anchor Link

放大鏡中的格線把每個像素分隔開，中心的方框就是目前取色的像素。細小的圖示、1 像素的邊框很難用滑鼠直接對準，這時可以用鍵盤移動滑鼠：

放大鏡的顯示可以在設定的「截圖」頁中調整：

• 放大鏡倍數：1～100 倍，預設 11 倍。
• 放大鏡內容：格線、十字線、中心框線、截圖邊框、截圖控制點、標註、標註控制線、滑鼠座標，依需要勾選。
• 放大鏡格線顏色、平滑縮放放大鏡內容、放大鏡顯示快速鍵提示。

複製顏色與切換格式Copy Anchor Link

每按一次 Shift⇧ Shift，放大鏡中的顏色值就切換到下一個已啟用的格式，複製時使用目前顯示的格式。

顏色格式Copy Anchor Link

PixPin 內建以下顏色格式，預設啟用 RGB 和 #HEX：

其他格式需要先啟用，才能透過 Shift⇧ Shift 切換到。

自訂顏色格式Copy Anchor Link

如果你需要特定寫法的顏色值，例如 CSS 變數、程式碼中的顏色常數，可以自行新增格式。

管理顏色格式

RGBrgb(%Re, %Gr, %Bl)

BGRbgr(%Bl, %Gr, %Re)

HEX%Rex%Grx%Blx

#HEX#%Rex%Grx%Blx

HSVhsv(%Hu, %Sb%, %Va%)

HSLhsl(%Hu, %Sl%, %Li%)

CSS--brand: #%ReX%GrX%BlX;勾選啟用，按兩下編輯，右鍵開啟選單，拖曳排序新格式確定

新增顏色格式

名稱：

CSS格式：

--brand: #%ReX%GrX%BlX;

--brand: #FF8040;

可用參數%Re紅色%Gr綠色%Bl藍色%Al透明度%Hu色相%Na顏色名稱範例：%ReX 表示兩位大寫十六進位的紅色值。取消儲存

1勾選啟用，拖曳排序2即時預覽格式效果

在「管理顏色格式」中：

常用參數：

紅、綠、藍和透明度參數後面可以加一個字母，指定數值的寫法：b 為 0～255 的數值（預設），x / X 為兩位十六進位（小寫 / 大寫），h / H 為一位十六進位，f / F 為 0～1 的小數（帶 / 不帶前導零）。例如 #%ReX%GrX%BlX 會得到 #0485F7。

視窗中的「可用參數」列出全部參數，包括 CMYK、HSI、CIE Lab、Oklab、Oklch、XYZ 等分量。

座標Copy Anchor Link

放大鏡中也顯示滑鼠所在像素的座標，有兩種顯示方式：

• 螢幕座標：以螢幕左上角為原點。
• 選取範圍相對座標：以選取範圍左上角為原點，適合測量介面元素在一塊區域中的位置。

按 PP 在兩種座標之間切換，按 Alt+C⌥ Option+C 複製目前座標。

• 1240, 712
  螢幕座標以螢幕左上角為原點。
• 56, 68
  選取範圍相對座標以選取範圍左上角為原點，按 P 切換。
• 顏色已套用
  標註時取色選中標註工具後按 C，顏色套用到工具。

標註時取色Copy Anchor Link

標註時，可以直接從截圖中擷取顏色給目前的標註工具使用，不必在調色盤中找相近的顏色：

選擇標註工具時，CC 用於把顏色套用到工具，不會複製顏色值，也不會結束截圖。

相關文章Copy Anchor Link