在 Web 开发和设计中，同一种颜色可以用多种格式表示。HEX（十六进制）是最常见的格式，如 #2563EB，由 # 号加 6 位十六进制数字组成，每两位分别代表红、绿、蓝通道的强度（00-FF）。RGB 用三个 0-255 的十进制数表示红绿蓝三个通道，如 rgb(37, 99, 235)。HSL 用色相（0-360度）、饱和度（0-100%）、亮度（0-100%）表示，如 hsl(222, 89%, 53%)，这种表示方式更接近人类对颜色的感知。
HSB（也叫 HSV）和 HSL 都使用色相-饱和度模型，但对"亮度"的定义不同。HSB 的 B（Brightness/Value）表示颜色的明亮程度，100% 是纯色，0% 是黑色；HSL 的 L（Lightness）表示亮度的中间值，50% 是纯色，0% 是黑色，100% 是白色。Photoshop 等设计软件常用 HSB，CSS 使用 HSL。本工具同时显示两种格式方便设计师和开发者协作。
WCAG（Web 内容无障碍指南）是 W3C 制定的无障碍标准，其中颜色对比度要求确保色觉障碍用户也能正常阅读网页内容。对比度使用相对亮度比值计算，范围从 1:1（相同颜色）到 21:1（黑白对比）。
AA 级标准要求正文文字对比度至少 4.5:1，大号文字（18px 以上加粗或 24px 以上）至少 3:1。AAA 级标准更严格，正文要求 7:1，大号文字要求 4.5:1。本工具实时计算所选颜色与黑白背景的对比度，并标注 AA/AAA 达标情况，帮助您选择既美观又无障碍的配色方案。