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°），提供鲜明组合。分裂互补色使用互补色的两个邻色。