PixPin
贴图

颜色贴图

把复制的颜色值贴成色块,同时查看 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)

其他文字会创建为文本贴图。

颜色贴图中的信息

颜色贴图同时显示多种格式的数值,右键菜单可以复制为其中任意一种。

颜色贴图从上到下依次是:色块、复制的原始文字,以及这个颜色的 RGB、HSV、HSL、HEX 数值。颜色带透明度时(例如 rgba(4, 133, 247, 0.5)),RGB 会显示为 RGBA,并包含透明度的数值。

复制为其他格式

在颜色贴图上点击右键,菜单中直接列出了这个颜色的各种格式和数值,点击即可复制。以 #0485F7 为例:

菜单项复制的内容
复制 RGB: 4,133,2474,133,247
复制 RGB: 0.016,0.522,0.9690.016,0.522,0.969(0~1 的小数)
复制 HSV: 208,98,97208,98,97
复制 HSL: 208,97,49208,97,49
复制 CMYK: 251,118,0,8251,118,0,8(每个分量 0~255)
复制 HEX: 0485F70485F7
复制 HEX: #0485F7#0485F7

复制的只有数值,不带「RGB:」等前缀,可以直接粘贴到设计软件或代码中。

本页目录