你每天都會用到的開發者工具,全都集中在同一個地方。

轉換器、格式化工具、雜湊、驗證器,以及那些你總是一再重開的小工具,都留在一起,不再散落在各個分頁裡。

GitHub
/ 工具
/ 工具搜尋
109 款工具
/ 圖片取色器

檔案大小上限:5MB。點擊圖片以選取顏色。

/ 選定的工具

圖片取色器 - 免費 轉換器 工具

從圖片中選取顏色並擷取主要調色盤

01

甚麼是圖片取色器?

圖片取色器工具讓你能從圖片上任何一點擷取精確的顏色值。它在網頁設計、平面設計,以及從既有圖片或相片建立調色盤時都很實用。

02

運作原理是甚麼?

功能:點選取色:點擊圖片上任何位置即可擷取該點的精確顏色;多種格式:取得 HEX、RGB 與 HSL 格式的顏色值;主要顏色:從整張圖片中擷取最常見的顏色;複製值…

03

範例情境

涵蓋網頁設計、配色與調色盤建立,讓你能快速比較常見的輸入與輸出。

/ 相關工具
/ 程式碼

選定工具的原始碼,與右側的即時版本並列顯示。

/ 原始碼
TypeScript
typescript
// npm install canvas
// npm install @types/node --save-dev

import { createCanvas, loadImage } from 'canvas';
import * as fs from 'fs';

interface RGB {
  r: number;
  g: number;
  b: number;
Buidl Now 圖示

把所有實用工具集中在一處,讓你專注在開發流程中。

挑一個工具、完成檢查、複製你需要的內容,然後回到真正的產品工作上。

為講求快速交付的建構者打造的開發者工具。© 2026 Buidl Now. 保留所有權利。