颜色

选两种颜色，看它们在感知上有多不同 — CIE76 ΔE、CIEDE2000 ΔE 和纯 RGB 距离，附并排色块。

滑动 Kelvin 值，观察黑体颜色从温暖琥珀到中性白再到冷蓝的变化 — 还有几个常见光源预设。

完整 Tailwind CSS 默认调色板 — 22 色相 × 11 色阶（50 至 950）— 点击复制为 Tailwind 类、HEX 或 rgb()。

拖动色相、饱和度、亮度、alpha 滑块选色 — 复制 HEX、RGB、HSL 或 Tailwind 任意值。

全部 147 个 CSS / X11 命名颜色，含 HEX、RGB 与实时色块 — 可搜索、按色相分组。

从基础色生成 tint（更亮）、shade（更暗）、tone（与灰混合）——2 到 20 档，HEX、RGB、HSL 输出。

在 RGB、HSL 或 CIELAB 空间中插值两种颜色。查看中间过渡的 11 步渐变条。

拖动控制点设计 CSS 缓动曲线——实时预览运动，复制 cubic-bezier()。

用 border 或 clip-path 生成 8 方向纯 CSS 三角形——复制规则即可用。

独立拖拽四角、尝试椭圆半径、复制 CSS——内置 chat-bubble、pill、blob、tab 等预设。

在两个视口宽度间平滑缩放的 `font-size: clamp(...)` 一行——直接复制。

可视化组合 blur、brightness、contrast、hue、sepia、invert 等 9 项——复制 CSS 滤镜或 Tailwind 任意值。

拖入图片，工具通过 Canvas 分析主色并提取调色板——复制 HEX 或一键复制全部。

查看你的图片对 8 种色觉异常（CVD）人群分别如何呈现。

可视化设计 CSS box-shadow——多图层、实时预览、CSS / Tailwind 代码一键复制。

在 HEX、RGB、HSL、HSV、OKLCH 与 CSS 变量之间互转任何颜色。

用多色停靠点设计线性或径向 CSS 渐变并复制代码。

基于基础色按六种配色方案生成和谐调色板。

按 WCAG AA 和 AAA 级别检查文字/背景对比度。

粘贴 hex 颜色列表，按色相、饱和度、明度或感知亮度排序 — 适用于整理设计令牌调色板。