在每种主要格式之间转换颜色代码
输入任何支持的格式（HEX、RGB、HSL、HSB 或 CMYK）的颜色，该工具会立即显示所有其他格式的等效值。实时样本预览颜色，只需单击一下剪贴板即可获得每个值。使用它在设计工具、CSS 和打印规范之间转换品牌颜色。
免费使用此工具Browser tool
Color code converter
Convert between HEX, RGB, HSL, HSV, and CMYK color codes locally in your browser.
Readable text: black
Contrast vs black: 5.93:1 · vs white: 3.54:1
如何使用
输入颜色值
以任何支持的格式键入或粘贴颜色 - 例如 #FF5733、rgb(255, 87, 51) 或 hsl(11, 100%, 60%)。
查看转化次数
所有其他格式字段都会自动更新。预览样本显示颜色以及对比度信息。
复制或导出
单击任意值进行复制，或下载 PNG 格式的色卡作为文档和样式指南。
特征
六种颜色格式
在 HEX、RGB、HSL、HSB、CMYK 和 CSS 命名颜色之间进行转换。在任何字段中输入一个值，其他字段会立即更新。
实时色彩预览
当您键入时，大样本会实时更新。无需离开工具或切换到设计应用程序即可查看准确的色调。
一键复制
单击任何颜色值将其复制到剪贴板。一个小 Toast 通知会确认副本，以便您可以立即粘贴。
色卡导出
下载一张显示样本及其所有格式值的 PNG 卡。在演示文稿、风格指南或文档中使用它。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance规格
| 支持的格式 | HEX、RGB、HSL、HSB、CMYK、CSS 命名 |
| 预览 | 具有对比度的实时样本 |
| 出口 | PNG色卡 |
| 阿尔法支持 | HEX8、RGBA、HSLA |
| 命名颜色 | 148 CSS 命名颜色 |
| 加工 | 客户端（无上传） |
Related Magic Eraser Tools
常见问题
CMYK 转换对于打印准确吗？
+
该工具使用标准公式从 RGB 中近似得出 CMYK 值。对于关键的打印工作，您应该在打印工作流程中根据校准的 ICC 颜色配置文件验证 CMYK 值，因为转换取决于特定的墨水和纸张组合。
我可以输入具有 Alpha 透明度的颜色吗？
+
是的。该工具支持 8 位十六进制代码、RGBA 和 HSLA 值。在格式支持的转换中，Alpha 通道会被保留。
HSL 和 HSB 有什么区别？
+
HSL（色相、饱和度、亮度）和 HSB（色相、饱和度、亮度）使用相同的色相轴，但定义饱和度和第三个分量的方式不同。该工具可以在它们之间进行转换，以便您可以在设计应用程序使用的任何模型中工作。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
设计具有多个色标的线性、径向和圆锥渐变。复制 CSS 代码或下载为 PNG 图像。
将十六进制颜色代码转换为 RGB 值，反之亦然。实时预览、一键复制和 CSS 片段输出。——可在您的浏览器中使用。
从上传的图像中选择任何颜色并立即获取其十六进制、RGB 和 HSL 代码。从照片构建调色板，用于网页设计、品牌推广和插图。
上传照片并使用十六进制、RGB 和 HSL 代码提取 5-10 个主色。复制样本，导出为 ASE 或 CSS 变量。
生成 URL、文本、WiFi 凭证和 vCard 的 QR 码。自定义颜色、添加中心徽标并下载为 PNG 或 SVG。
计算图像和视频的宽度、高度或纵横比。输入任意两个值并得到第三个值。社交媒体、电影和印刷品的预设比例。