颜色工具

取色器：大方块是当前色相下的饱和度-明度映射图——从左到右饱和度递增，从上到下明度递减。在方块任意位置点击即可取色。右侧细长的竖条是色相滑块（0° 到 360°）——拖动它改变基础色相，方块随之重绘。右侧显示所取颜色的 HEX、RGB 和 HSL 三种格式——点击任意值即可复制。

调色板：左侧取色器和右侧编辑框保存的是同一个基准色——二者双向同步（取色或输入十六进制值，两边互相更新）。下方五行调色板全部由这个基准色绕色轮旋转色相派生：互补色（色相 +180°，对比最强）、三角色（+120° / +240°，平衡三色）、四角色（+90° / +180° / +270°，矩形四色）、邻近色（-30° / 基准 / +30° / +60°，和谐相邻）和分裂互补色（+150° / +210°，比纯互补柔和）。每行第一个色块始终是基准色本身，其余是它的色相旋转变体。

格式转换：输入任意有效颜色——HEX（#3b82f6）、CSS 函数（rgb(59,130,246) / hsl(217,90%,60%)）或命名色（dodgerblue）——立即转换到所有主流格式。格式下拉框可在自动检测判断错误时提示解析器。输出显示 HEX、RGB（0-255）、HSL（度, %, %）、HSV 和 CMYK。点击任意值即可复制。

色盲模拟：上传图片并选择一种色觉障碍类型进行模拟。工具对每个像素应用视锥响应矩阵变换，重新映射 RGB 值以近似不同类型色盲患者所看到的图像。左侧画布显示原图，右侧显示模拟效果。下拉框覆盖三种二色觉类型（缺少一种视锥色素：红色盲、绿色盲、蓝色盲）、全色盲（无色觉），以及三种异常三色觉类型（视锥响应减弱）。低分辨率图片加载更快。

渐变：这是一个可视化 CSS 渐变构建器。选择线性（有方向）或径向（从中心向外），设置角度（0° = 从下到上，90° = 从左到右），并定义色标。每个色标有一个取色器且均匀分布（三个色标即 0%、50%、100%）。点击+ 色标可添加中间色点，构建更复杂的渐变。预览实时更新，下方生成的 CSS 可直接复制。

对比度：用基于 sRGB 值的相对亮度公式（伽马校正）计算前景文字与背景色之间的 WCAG 2.1 对比度比率。比率范围从 1:1（相同颜色）到 21:1（黑与白）。结果显示三个合规级别的通过/未通过：AA 普通文字（比率 ≥ 4.5:1）、AAA 大号文字（文字 ≥ 18pt 或粗体 ≥ 14pt 时比率 ≥ 4.5:1）和 AAA 普通文字（比率 ≥ 7:1）。调整颜色时示例文字预览实时更新。

主色提取：上传任意图片，工具用颜色量化识别它的主色调色板。图片先缩小到 100×100 像素，然后每个像素被分入每通道 4 位的直方图（R/G/B 各 16 级 = 4096 个桶）。透明像素会被跳过。出现频率最高的桶按像素数排序，每个桶的中心色成为一个色块。每个色块显示其 HEX 值和它所代表的像素比例。调整数量滑块（2-12）可控制提取的主色数量。

混合：在 RGB 色彩空间中以线性插值方式混合两种颜色。比例滑块决定混合结果：0% 是纯颜色 1，100% 是纯颜色 2，50% 是均等混合。R、G、B 每个通道独立插值（例如红 + 蓝各 50% 得到紫色）。拖动滑块或更改任一颜色时，结果预览和 HEX/RGB 值实时更新。

色温：用 Tanner Helland 近似算法把开尔文黑体色温转换为对应的可见光颜色。低温（1000-3000K）产生烛光、白炽灯那样的暖橙红色调；中段（4000-6500K）是中性白到日光；高温（8000-40000K）偏移到阴天、深水那样的冷蓝色。下方标签会识别每个温度最接近的真实光源。

命名色：浏览80 个中国传统色（胭脂、朱砂、黛蓝等——名称取自中国古典文学、绘画和染色传统）与 140+ 个 CSS 命名色（标准网页调色板）的合并集合。用搜索框按名称或 HEX 值过滤，或用下拉框在分类之间切换。点击任意色块可查看带名称和 HEX 代码的大预览——点击代码即可复制。