颜色转换器

在 HEX、RGB、HSL 和 CMYK 之间转换颜色。

在您的浏览器中运行。您的文件不会离开设备。 了解如何验证

…

使用方法

  1. 1
    填写各项

    输入数字或选择所需选项。

  2. 2
    查看结果

    更改任何值时,答案会立即更新。

  3. 3
    使用结果

    复制结果或记下来。不会向任何地方发送任何内容。

About this tool

Type a colour as a hex code (#2563eb), as rgb(37, 99, 235) or as hsl(221, 83%, 53%). You get the same colour in HEX, RGB, HSL and CMYK, ready to copy into CSS or a design tool, plus a preview swatch.

When to use it

Convert colours between HEX, RGB, HSL and CMYK.

Tips

CMYK values are approximate on screen. Check proofs for print.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Colour formats

HEX is a six digit code such as #2563EB, RGB gives red, green and blue from 0 to 255, HSL describes hue, saturation and lightness and CMYK is used in print. Web pages use HEX, RGB or HSL.

计算示例

With the boxes at their starting values (Colour (hex, rgb() or hsl()): #2563eb), the tool shows: RGB: rgb(37, 99, 235); HSL: hsl(221, 83%, 53%); CMYK: cmyk(84%, 58%, 0%, 8%); CSS: color: #2563EB;; HEX: #2563EB. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

获得最佳结果的提示

在相信结果之前先检查每一个输入项,因为一个错误的数字就会改变整个答案。请使用工资单、账单、证书或合同上的准确数字,并记下计算日期。税率、门槛和规则会不时变化,因此对于税费和法律事务,请将结果视为估算,并与本页注明的官方来源核对。您可以尝试任意多个方案;不会保存或发送任何内容,刷新页面会清空输入。

要点

将此计算器嵌入您的网站

复制此代码,即可在您的页面上显示计算器。包含指向 shobfree.com 的链接。

常见问题

Is CMYK exact?

No. The CMYK values are a simple calculation. Printers use colour profiles, so the printed colour can differ.

Can I use three-digit hex?

Yes. #f80 is read as #ff8800.

Is CMYK exact?

No. It depends on the printer profile.

What is HSL?

Hue, saturation and lightness.

How do I read a HEX code?

Each pair is red, green and blue in base 16. #FF0000 is pure red.

完全免费无费用,无需注册
文件保持私密一切都在您的浏览器中运行
用您的语言轻松使用提供多种语言