贴图
颜色贴图
把复制的颜色值贴成色块,同时查看 RGB、HSV、HSL、HEX 等格式的数值,并复制为需要的格式。
颜色贴图把一个颜色值贴成色块,并同时列出这个颜色的 RGB、HSV、HSL 和 HEX 数值。可以把几种颜色并排贴在屏幕上作为配色参考,也可以用它在不同的颜色格式之间转换。
创建颜色贴图
复制一个颜色值(例如 #0485F7),按 Ctrl+2⌃ Control+2。
截图时用取色复制的颜色值,也可以直接这样贴出。
支持的颜色写法
复制的文字是下面任意一种写法时,会创建为颜色贴图:
| 写法 | 示例 |
|---|---|
| HEX | #0485F7、#08F |
| CSS 颜色函数 | rgb(4, 133, 247)、rgba(4, 133, 247, 0.5)、hsl(208, 97%, 49%) |
| CSS 颜色名称 | red、skyblue |
| 逗号分隔的数值 | 4,133,247、4,133,247,128(每个数值 0~255) |
其他文字会创建为文本贴图。
颜色贴图中的信息
#0485F7
RGB: 4, 133, 247
HSV: 208, 98, 97
HSL: 208, 97, 49
HEX: 0485F7
颜色贴图从上到下依次是:色块、复制的原始文字,以及这个颜色的 RGB、HSV、HSL、HEX 数值。颜色带透明度时(例如 rgba(4, 133, 247, 0.5)),RGB 会显示为 RGBA,并包含透明度的数值。
复制为其他格式
在颜色贴图上点击右键,菜单中直接列出了这个颜色的各种格式和数值,点击即可复制。以 #0485F7 为例:
| 菜单项 | 复制的内容 |
|---|---|
| 复制 RGB: 4,133,247 | 4,133,247 |
| 复制 RGB: 0.016,0.522,0.969 | 0.016,0.522,0.969(0~1 的小数) |
| 复制 HSV: 208,98,97 | 208,98,97 |
| 复制 HSL: 208,97,49 | 208,97,49 |
| 复制 CMYK: 251,118,0,8 | 251,118,0,8(每个分量 0~255) |
| 复制 HEX: 0485F7 | 0485F7 |
| 复制 HEX: #0485F7 | #0485F7 |
复制的只有数值,不带「RGB:」等前缀,可以直接粘贴到设计软件或代码中。