关于颜色代码转换
颜色代码转换解决做网页时的日常问题:设计稿里的 #1e90ff 写成 rgb() 是多少,品牌色要加透明度该怎么写,交给印刷厂的 CMYK 数值是多少。输入 3、4、6、8 位的 HEX,RGB 或 RGBA,HSL 或 HSLA,HSV,CMYK,或者 tomato 这类 CSS 颜色名,也可以用取色器直接选,其他格式马上全部给出,复制就能用。
下方会算出这个颜色和白色、黑色以及你指定的另一个颜色之间的 WCAG 对比度,并标出是否达到 AA、AAA,文字用这个颜色读起来清不清楚,心里就有数了。深浅色阶给出一组更浅和更深的颜色,点一下就能复制,做悬停效果、边框很方便。CMYK 是按公式换算的,不带印刷色彩配置文件,重要的印刷品请以印刷厂给的数值为准。要做渐变背景,试试 CSS 渐变生成器。全部在浏览器里完成。
颜色代码转换怎么用
- 1输入颜色
输入 HEX、RGB、HSL、HSV、CMYK 或 CSS 颜色名,或用取色器选。
- 2复制需要的格式
所有格式同时更新,复制代码或设计软件要用的那一种。
- 3查看对比度
看和白色、黑色、另一个颜色的对比度,以及 AA、AAA 是否达标。
- 4选深浅色
在深浅色阶里点同一颜色更浅或更深的版本,就能复制。
为什么用熊仔工匠
- 常用格式互转
输入 HEX、RGB(A)、HSL(A)、HSV、CMYK 或 CSS 颜色名,各种格式一起给出。
- 支持透明度
4 位、8 位 HEX 和 RGBA、HSLA 的透明度都能识别。
- WCAG 对比度
对比白色、黑色和自选颜色,标出 AA、AAA 是否达标。
- 深浅色阶
一组现成的浅色和深色,点击即可复制。