免费注册

颜色代码转换

输入任意格式的颜色,HEX、RGB、HSL、HSV、CMYK 和对比度一次全出来。

关于颜色代码转换

颜色代码转换解决做网页时的日常问题:设计稿里的 #1e90ff 写成 rgb() 是多少,品牌色要加透明度该怎么写,交给印刷厂的 CMYK 数值是多少。输入 3、4、6、8 位的 HEX,RGB 或 RGBA,HSL 或 HSLA,HSV,CMYK,或者 tomato 这类 CSS 颜色名,也可以用取色器直接选,其他格式马上全部给出,复制就能用。

下方会算出这个颜色和白色、黑色以及你指定的另一个颜色之间的 WCAG 对比度,并标出是否达到 AA、AAA,文字用这个颜色读起来清不清楚,心里就有数了。深浅色阶给出一组更浅和更深的颜色,点一下就能复制,做悬停效果、边框很方便。CMYK 是按公式换算的,不带印刷色彩配置文件,重要的印刷品请以印刷厂给的数值为准。要做渐变背景,试试 CSS 渐变生成器。全部在浏览器里完成。

颜色代码转换怎么用

  1. 1
    输入颜色

    输入 HEX、RGB、HSL、HSV、CMYK 或 CSS 颜色名,或用取色器选。

  2. 2
    复制需要的格式

    所有格式同时更新,复制代码或设计软件要用的那一种。

  3. 3
    查看对比度

    看和白色、黑色、另一个颜色的对比度,以及 AA、AAA 是否达标。

  4. 4
    选深浅色

    在深浅色阶里点同一颜色更浅或更深的版本,就能复制。

为什么用熊仔工匠

  • 常用格式互转

    输入 HEX、RGB(A)、HSL(A)、HSV、CMYK 或 CSS 颜色名,各种格式一起给出。

  • 支持透明度

    4 位、8 位 HEX 和 RGBA、HSLA 的透明度都能识别。

  • WCAG 对比度

    对比白色、黑色和自选颜色,标出 AA、AAA 是否达标。

  • 深浅色阶

    一组现成的浅色和深色,点击即可复制。

常见问题

颜色代码转换常见问题

HEX 怎么转 RGB?
输入 HEX 色值,带不带 # 都行,比如 #ff6600,就会得到 rgb(255, 102, 0),同时给出 HSL、HSV 和 CMYK。
WCAG 对比度要达到多少?
普通文字 AA 级至少 4.5:1,AAA 级 7:1;大号文字分别是 3:1 和 4.5:1。工具会给每一组标上 AAA、AA、“仅适合大号文字”或“对比度不足”。
CMYK 数值能直接用于印刷吗?
这里是从 RGB 按公式换算的,适合做参考。印刷厂会按纸张和油墨的色彩配置调整,重要印刷品请以他们给的数值为准。
能输入 CSS 颜色名吗?
能。输入 tomato、rebeccapurple 这类颜色名,就会得到对应的 HEX、RGB、HSL、HSV 和 CMYK 值;颜色正好对应某个 CSS 颜色名时,也会显示这个名字。压缩过的样式表里找颜色不方便,可以先用CSS 格式化展开。
颜色代码转换要收费吗?
免费。在浏览器里运行,不用注册,不限次数,页面加载后断网也能用。
把颜色代码转换分享给朋友打开浏览器就能用,对方不注册也能先试。

相关工具

HTML HTML 格式化把杂乱的 HTML 按层级缩进,一目了然。
JS JS 格式化美化压缩过或排版混乱的 JavaScript。
CRON Cron 表达式生成与解析生成 Cron 表达式,用大白话说明含义并列出接下来的执行时间。
CSS CSS 格式化把压缩过的 CSS 还原成整齐易读的样式。
CSS CSS 压缩压缩 CSS,让网页加载更快。
HTML HTML 压缩去掉注释和多余空白,压缩 HTML。
HTTP 在线 HTTP 请求测试向公开的接口发送 GET、POST 等请求,查看返回结果。
JS JS 压缩去掉 JavaScript 的注释和空白,不改变运行结果。