HEX 轉 UIColor

這是 HEX 轉 UIColor 轉換器，給 Swift 用。#2563EB 是 UIColor(red: 0.145, green: 0.388, blue: 0.922, alpha: 1.000)。還有 SwiftUI、NSColor、Objective-C。

示例，點色塊填入

點一下即可複製

一次轉多顆顏色。每列一個，也可以寫成 #3B82F6, #FF573380。點填入示例會填三列，下面出現對照表。

HEX 轉 UIColor

這是 HEX 轉 UIColor 轉換器，給 Swift / UIKit 用。通道是 0 到 1 的小數，不是 0–255。#2563EB 是 UIColor(red: 0.145, green: 0.388, blue: 0.922, alpha: 1.000)。同一頁還有 SwiftUI、NSColor、Objective-C。HEX 轉 RGBA 是這些通道的 CSS 寫法。

如何使用

  1. 貼上 HEX、短寫 #RGB、8 位 HEX8、rgb()，或一行 UIColor / Color / NSColor。可點色塊；瀏覽器支援時還能從螢幕取色。
  2. 每行旁邊有複製。複製結果複製 Swift UIKit 那一行。點通道晶片複製 0–1 小數或 HEX。
  3. 顯示範例填入 #2563EB。色塊有 #2563EB、#3B82F6、#16A34A、#1E293B、#DC2626、白、黑和 #2563EB80。
  4. 批量每行一條 Swift UIKit。全部清除會清空。

注意事項

每個通道是位元組 ÷ 255，再留三位小數：37/255 → 0.145，99/255 → 0.388，235/255 → 0.922。6 位 HEX 的透明度是 1.000；8 位最後兩位元組是透明度（十六進位 80 ≈ 0.502）。UIColor /255 保留整數，方便對照 37/255 和 0.145。非法 HEX 只提示錯誤。相關：HEX 轉 RGBA、顏色轉換。

用在哪裡

  • 把設計稿 HEX 寫進 UIKit 或 UIColor 擴充。
  • SwiftUI Color 和同一顆色對齊。
  • macOS 的 NSColor，或舊的 Objective-C 檔案。

常見問題

為什麼不用 0–255？

UIColor(red:green:blue:alpha:) 要浮點。直接寫 37, 99, 235 顏色會不對。想在原始碼裡留整數，用 /255 那一行。

透明度會變嗎？

6 位 HEX 是 1.000。8 位 HEX8，例如 #2563EB80，用最後一位元組做透明度。

三位小數夠嗎？

螢幕上看不出 0.145 和 37/255 的差別。