Design
应用伽马矫正来非线性调整图片亮度,以获得更好的视觉效果
image-gamma-correctionDesign
将图片转换为像素化/马赛克效果,可调节像素大小和图案形状
image-pixelatorDesign
为图片添加圆角效果,支持可调节半径和角选择
image-rounded-cornersDesign
调整图片的颜色饱和度,让色彩更鲜艳或创建灰度效果
image-saturationDesign
增强图片清晰度和锐度,提供可调节的锐化强度和多种锐化算法
image-sharpenDesign
在 HEX、RGB、HSL、CIELAB 与 Display-P3 之间转换颜色,提供 CSS 输出与色域检查。
color-space-converterDesign
抓取远程图片 URL,提取主色调,导出可直接用于代码的配色文件,并查看对比度结果
color-palette-extractor-from-image-urlDesign
输入一个主色 Hex,自动生成主色、辅助色、中性色和语义化设计 token,并输出 CSS 变量与 Style Dictionary JSON
color-token-cascade-generatorDesign
计算 WCAG 对比度,模拟主要色觉缺陷,并可对 UI 截图中的低对比区域做标记。
color-vision-accessibility-checkerDesign
在多种颜色之间生成平滑的颜色渐变,支持自定义步数和格式
color-gradient-generatorDesign
在不同颜色格式之间转换
color-converterDesign
生成随机颜色和颜色调色板
color-generator