
Color converster 是一种工具,它采用一种语法编写的单一颜色,并一次性在其他语法中重新表达。粘贴一个像#4466EE这样的HEX代码,你立即得到它的rgb()、hsl()、hwb()和cmyk()等价物,加上最近的CSS颜色关键字。它去除了手工拆分十六进制对、缩放通道和计算色调和饱和度的手动算术。
项目的不同部分期望不同的颜色格式。浏览器将所有内容渲染为 RGB,CSS 作者将 HSL 覆盖,因为悬停时轻便易于推动,打印工作流程需要 CMYK,设计切换通常以 HEX 形式到达。转换器使所有内容中的一个源颜色保持一致,因此样式表中的蓝色在品牌指南中与蓝色相同,打印供应商收到的蓝色相同。它还接受 CSS 颜色名称(例如 rebeccapurple)并将其翻译为可复制的数值。
该转换器完全在您的浏览器中运行。您粘贴的颜色是使用客户端 JavaScript 解析和转换的,并且永远不会离开您的设备,因此不会上传、不会帐户,也不会跟踪您转换的内容。一旦页面加载,它就会离线工作,处理 3 位、6 位和 8 位 HEX、逗号和空格颜色语法,并通过 RGBA、HSLA 和 8 位 HEXA 输出保留 alpha 通道。
CMYK是谨慎对待的转换。与HEX,RGB,HSL和HWB不同,它们都是对相同sRGB颜色的精确描述,并且彼此之间无损转换,CMYK在纸上描述墨水,取决于印刷机,纸张库存和使用的颜色轮廓。这里的转换是标准设备无关的近似,这对于一个粗略的想法来说很好,并且不能替代印前软件中的异型转换。期望饱和屏幕颜色,尤其是明亮的蓝色和绿色,在印刷中是无法达到的:它们完全坐在CMYK范围之外,并且会比看起来更暗淡。
HEX代码(#4466EE或#46E),一个rgb()/rgba()值,一个hsl()/hsla()值,hwb(),cmyk(),或者一个CSS颜色名称,如珊瑚。
该工具立即显示 HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB 和 CMYK,以及精确或最接近的匹配 CSS 颜色名称。
在输入中包含 alpha 值(rgba(...) 或 8 位 HEX),转换器将不透明度传递到每种 alpha 感知格式。
单击任何输出行将该精确字符串复制到剪贴板,准备粘贴到 CSS、设计工具或打印规范中。
一个输入同时产生 HEX、HEXA、RGB、RGBA、HSL、HSLA、HWB 和 CMYK,因此您永远不会转换两次。
当存在 CSS 颜色关键字时检测准确的颜色,并始终显示最近的命名颜色以供参考。
RGBA()或8位数字HEX的透明度流过到每个α感知输出格式不变。
接受 3-、4-、6- 和 8 位 HEX、逗号或空格分隔符、百分比通道和现代斜杠 α 语法。
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX, RGB, and HSL values you can copy.
Pick colors and convert between HEX, RGB, and HSL formats
Generate tints, shades, and tones from any base color
0 comments
No comments yet. Be the first to share your thoughts!