從文字中提取十六進位顏色碼

如何使用十六進位顏色代碼擷取器

貼上 CSS、HTML、設計筆記或任何包含十六進位顏色的文字。此工具會尋找像這樣的代碼 #0F5C8C 和 #abc，然後列出它們以供複製或下載。處理在您的瀏覽器中運行。

1. 貼上你的文字 輸入到輸入框中（樣式表、HTML 片段或設計筆記）。
2. 選擇選項
   • 移除重複的顏色 — 每種顏色保留一次。
   • 標準化格式（大寫） — 正規化為大寫十六進位。
   • 包括短格式顏色 (#abc) — 也匹配三位數的十六進位數。
   • 將短格式展開為 6 位數 (#abc → #AABBCC) — 啟用短格式後，將 #abc 展開為 #AABBCC。
   • 顯示顏色預覽 — 在數值旁邊顯示色塊。
3. 點擊「提取顏色代碼」.
4. 複製、下載或檢視 已提取的列表和預覽。

常見使用情境

• CSS / 主題審核： 從樣式表或設計標記文件中提取每個十六進位顏色。
• 品牌一致性： 收集 HTML 範本或電子郵件標記中使用的顏色。
• 設計交接： 在重建 UI 套件之前，從筆記或匯出的 CSS 中提取顏色。
• 清理： 在整合調色板之前，先找出剩餘或重複的顏色。

偵測到哪些格式？

• 6位十六進位數: #0F5C8C, #ff5733 (有或沒有 # 視文本而定
• 3位數簡寫： #abc, #F00 （當「包含簡短形式」已啟用時）
• 擴展縮寫形式： #abc → #AABBCC 當展開被啟用時

這裡不會轉換 RGB/HSL 函數 — 此工具僅提取十六進位顏色代碼。

範例：之前與之後

啟用「包含縮寫」、「展開縮寫」、「移除重複」和「標準化格式」時：

.btn {
  color: #ff0000;
  background: #abc;
  border-color: #FF0000;
  outline: #0F5C8C;
}

#FF0000
#AABBCC
#0F5C8C

#ff0000 和 #FF0000 縮減為一個大寫值。簡短 #abc 展開為 #AABBCC.

常見問題解答 (FAQ)

隱私

所有匹配都是在您的裝置上使用 JavaScript 進行。我們不會儲存您貼上的文字或提取的顏色。