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 的差别。