Color Converter & Palette Generator

在 HEX、RGB、HSL 和 CMYK 之间转换颜色,生成调色板并检查对比度。

{{ line }}
互补色
{{ col }}
类似色
{{ col }}
三色
{{ col }}
分裂互补色
{{ col }}
示例文本 白色文字
对比度: {{ whiteContrast }}:1
WCAG AA 普通文本: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA 大文本: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA 普通文本: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA 大文本: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
示例文本 黑色文字
对比度: {{ blackContrast }}:1
WCAG AA 普通文本: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA 大文本: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA 普通文本: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA 大文本: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

什么是颜色转换器?

颜色转换器可以在 HEX、RGB、HSL 和 CMYK 等不同颜色空间之间即时转换颜色值。网页设计师和开发者根据上下文使用不同的颜色格式。

颜色空间说明:HEX、RGB、HSL、CMYK

HEX是CSS中常用的6位十六进制值(#RRGGBB)。RGB通过红、绿、蓝值(0-255)定义颜色。HSL通过色相(0-360°)、饱和度和亮度描述颜色。CMYK(青、品红、黄、黑)用于印刷。

色彩理论与和谐

色彩和谐基于颜色在色轮上的位置。互补色相对(180°),产生最大对比。类似色相邻(±30°),感觉和谐。三色等距分布(120°),提供鲜明组合。分裂互补色使用互补色的两个邻色。