设计师以十六进制发送给你一种颜色:#1A73E8。你的CSS框架想要HSL。你的iOS代码库需要0到1之间的RGB值。你的Android项目使用ARGB整数。一种颜色、四种格式,你又一次打开浏览器标签页在它们之间转换。
颜色转换是微不足道的数学(十六进制到RGB只是基16到十进制),但在你的头脑中为三个通道执行此操作,同时试图保持对布局或样式的专注,是你不需要的干扰。
macOS提供什么
macOS有一个从某些应用通过系统颜色面板访问的内置颜色选择器。它显示RGB滑块和十六进制字段,但它设计用于直观地选择颜色,而不是以编程方式在格式之间转换。没有简单的方法来粘贴十六进制代码并获得HSL等价物,或输入RGB整数并复制十六进制输出。而且它被埋在特定应用中,而不是系统范围内可用。
立即在格式之间转换颜色
Bellows在其41个开发工具中包括一个颜色转换器。以任何支持的格式输入颜色 — 十六进制、RGB、HSL — 并看到每个其他格式中的等价值。一次点击复制任何你需要的表示。
从设计到代码
Figma导出十六进制的颜色。Tailwind CSS使用自定义颜色值。SwiftUI需要Color(red:green:blue:)与十进制值。Android XML使用#AARRGGBB。一次看到所有格式消除了心理数学和到转换网站的往返。
检查对比和可读性
当你可以看到颜色与其数值一起呈现时,你可以快速完整性检查文本颜色是否对背景可读。这比为样式表中的每个颜色对切换到单独的对比度检查器更快。
菜单栏访问
需要在编写CSS时快速转换吗?点击菜单栏中的Bellows图标、选择颜色工具、粘贴十六进制代码、复制RGB值。整个交互需要不到五秒钟,你永远不会离开编辑器。