颜色转换器:HEX、RGB、HSV、Swift 与 Kotlin

输入 HEX 或选择颜色,即可得到可直接粘贴到网页、iOS、Android 的数值和代码。

Aa 示例文字

完全在浏览器中运行。输入内容不会被发送或保存。

使用方法

  1. 输入 HEX(#RGB、#RRGGBB 或 8 位)或使用取色器。
  2. 选择 8 位代码的顺序:ARGB(iOS/Android)或 RGBA(CSS)。
  3. 复制需要的格式。

设计师给的颜色通常是 HEX 色值,但 iOS、Android 和 CSS 的写法各不相同。这个颜色转换工具支持输入 #RGB、#RRGGBB 或 8 位 HEX,也可以用取色器选择,然后输出 HEX、rgb()、rgba()、HSV、CSS #RRGGBBAA、Swift UIColor、SwiftUI Color、Kotlin Color(0xAARRGGBB) 和 Android <color> 资源,可直接复制。

3 位色值会把每一位重复一次展开,#ABC 变成 #AABBCC。8 位色值需要选择 Alpha 的位置:Android 和许多 iOS 工具用的 ARGB,或 CSS 用的 RGBA。Swift 数值是通道值 ÷ 255,保留三位小数。亮度用 YIQ 权重 (R×299 + G×587 + B×114) ÷ 1000 计算,范围 0–1,大于 0.5 视为浅色并建议用深色文字,否则建议白色文字。

限制:不识别 4 位 #RGBA 简写,请改用 8 位。取色器只设置 RGB,选色后 Alpha 会恢复为不透明。HSV 取整显示,也不做 Display P3 与 sRGB 等色彩空间转换。输入中的 # 和其他非十六进制字符会被忽略。转换全部在浏览器中完成,不会发送到任何地方。

常见问题

#AARRGGBB 和 #RRGGBBAA 有什么区别?

Android 和许多 iOS 工具把透明度放在前面(AARRGGBB),CSS 放在后面(RRGGBBAA)。请按代码来源选择。

文字颜色怎么判断?

用 YIQ 公式 (R×299 + G×587 + B×114) ÷ 1000 计算亮度,大于 0.5 建议深色文字,否则建议白色文字。

支持 3 位 HEX 吗?

支持。#ABC 会展开为 #AABBCC。

相关工具