颜色工具
面向设计师和开发者的免费、快速、精准颜色工具，无需注册。
对比度检查器
根据WCAG 2.1指南检查颜色对比度。测试普通文本和大文本的AA和AAA合规性。
打开工具
颜色转换器
在HEX、RGB、HSL、HSV、CMYK和OKLCH颜色格式之间即时转换。
打开工具
调色板生成器
使用互补色、类似色、三角配色和分裂互补配色方案生成和谐的调色板。
打开工具
色阶生成器
从任意基础色生成Tailwind CSS风格的色阶（50-950），适用于设计系统。
打开工具
色觉模拟器
模拟绿色盲、红色盲、蓝色盲和全色盲状态下颜色的呈现效果。
打开工具
渐变生成器
通过实时预览和可复制代码，创建精美的CSS线性和径向渐变。
打开工具
常见问题
WCAG对比度检查器通过测量前景色与背景色之间的亮度比，来判断是否符合Web内容无障碍指南（WCAG）2.1标准。普通文字的AA级合规要求对比度至少为4.5:1，AAA级则需要7:1。
像#4285F4这样的HEX颜色代码被拆分成三对：42（红）、85（绿）、F4（蓝）。每对数字从十六进制转换为十进制。因此#4285F4变为RGB(66, 133, 244)。我们的颜色转换工具可即时处理HEX、RGB、HSL、HSV、CMYK和OKLCH格式。
调色板生成器根据色彩理论规则，从基础颜色生成和谐的色彩组合。常见配色方案包括互补色（色轮上的对立色）、类似色（相邻颜色）、三角配色（均匀间隔的三种颜色）和分裂互补色。这些调色板确保设计的视觉和谐。
Tailwind CSS为每种颜色使用50至950的色阶，50最浅，950最深。色阶生成器可从任意基础颜色生成完整色阶，与Tailwind的感知均匀性相匹配，构建一致的设计系统。
色盲模拟器通过数学变换模拟色觉障碍者所看到的颜色效果。主要类型包括：第二色盲（绿色盲，约占男性6%）、第一色盲（红色盲，约1%）、第三色盲（蓝色盲，罕见）和全色盲（完全色盲）。
ColorFYI支持六种颜色格式：HEX（#4285F4）、RGB（66, 133, 244）、HSL（217°, 89%, 61%）、HSV（217°, 73%, 96%）、CMYK（73%, 45%, 0%, 4%）和OKLCH（0.63, 0.17, 264°）。OKLCH是现代CSS推荐使用的感知均匀色彩空间。
是的，ColorFYI的六款颜色工具全部免费，无需注册。对比度检查器、颜色转换器、调色板生成器、色阶生成器、色盲模拟器和渐变生成器均在浏览器中即时运行。