设计与色彩
取色器、调色板、渐变与对比度检查器。
取色器与转换器
选取颜色并在 HEX、RGB、HSL 与 OKLCH 之间转换。
设计与色彩
新 色彩对比度检查器
检查文字与背景颜色之间的 WCAG AA/AAA 对比度。
设计与色彩
新 CSS 渐变生成器
创建线性、径向与锥形 CSS 渐变，实时预览效果。
设计与色彩
新 CSS 阴影生成器
构建多层 CSS box-shadow，含预设与实时预览。一键复制 CSS、属性值或 React 样式。
设计与色彩
新 调色板生成器
生成互补色、邻近色、三角色与单色调色板。
设计与色彩
新 三次贝塞尔曲线生成器
拖动控制点设计 CSS 缓动曲线，实时预览效果。
设计与色彩
新 圆角生成器
可视化设计 CSS 圆角与不规则水滴形状。
设计与色彩
新 CSS Flexbox 演练场
调整 flex 属性，实时预览并复制 CSS。
设计与色彩
新 CSS Grid 演练场
调整网格列、间距与对齐方式，实时预览并复制 CSS。
设计与色彩
新 毛玻璃效果生成器
设计磨砂玻璃卡片并复制 CSS，实时预览效果。
设计与色彩
新 CSS 文字阴影生成器
调校 CSS 文字阴影，实时预览并复制代码。
设计与色彩
新 颜色混合器
以任意比例混合两种颜色，并复制结果或任一中间色。
设计与色彩
新 图片取色器
从图片中拾取任意颜色，并提取主色调色板为 HEX、RGB 和 HSL。
设计与色彩
新 Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
设计与色彩
新 Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
设计与色彩