颜色工具

颜色转换与选择器

在HEX、RGB、RGBA、HSL、HSLA、HSV和CMYK格式之间转换颜色,带交互式颜色选择器。

colorhexrgbhslconvertercmyk

Color Converter

RGB
R
G
B
HSL
H
S
L
CMYK
C
M
Y
K

CSS Code Snippets

background-color: #2563eb;
color: #2563eb;
rgba(37, 99, 235, 1);
hsla(217, 83%, 53%, 1);

What is 颜色转换与选择器?

颜色转换与选择器是一款设计和开发工具,可在所有主要网络和印刷颜色模型(HEX、RGB、RGBA、HSL、HSLA、HSV和CMYK)之间转换颜色值。在Web开发和数字设计中,颜色使用不同的系统表示:紧凑CSS用HEX,透明感知样式用RGBA,直观色调调整用HSL色相-饱和度-明度,印刷生产工作流程用CMYK。本转换器提供带有渐变画布、色相滑块和Alpha透明度控件的可视化颜色选择器。调整任何值时,每个颜色模型都会实时更新,工具会自动生成可直接粘贴的CSS声明。其他功能包括颜色名称建议、互补色提示、在黑白色背景上的WCAG对比度计算,以及最近选择的颜色的历史调色板,以便在设计项目中快速比较和重用。

When to Use 颜色转换与选择器

用于将设计模型颜色转换为CSS、将HEX转换为RGB供JavaScript使用、调整HSL饱和度值、准备印刷就绪的CMYK颜色,或查找可访问的对比度。

How to Use 颜色转换与选择器

可视地选择颜色或以任何格式(HEX、RGB、HSL、CMYK)输入值。所有其他格式即时更新。复制任何输出格式或可直接使用的CSS颜色声明。