10 工具 · 100% in your browser

颜色和设计

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

颜色· 4 工具

进行颜色转换，检查对比度，并从图片中拾取颜色。

颜色转换器 (HEX/RGB/HSL/OKLCH)

HEX、RGB、HSL 和现代 OKLCH — 立即转换。

对比度检查器 (WCAG)

检查 WCAG AA / AAA 对比度 — 通过或失败。

Tailwind 颜色查找器

任何 HEX 颜色最接近的 Tailwind 类。

图片取色器和调色板

拖放图片，提取其调色板。

CSS 生成器· 4 工具

渐变、阴影、圆角和缓动曲线。

渐变生成器

线性、径向和锥形 CSS 渐变。

盒阴影生成器

可视化 CSS box-shadow 编辑器。

边框半径生成器

逐角 CSS border-radius 编辑器。

三次贝塞尔曲线编辑器

可视化设计 CSS 缓动曲线。

布局· 2 工具

CSS 单位和宽高比。

CSS 单位转换器

转换 px、rem、em、pt 等。

宽高比计算器

计算比率并调整尺寸。