Design
裁剪图片到指定尺寸或宽高比,支持自定义定位
image-cropperDesign
应用伽马矫正来非线性调整图片亮度,以获得更好的视觉效果
image-gamma-correctionDesign
将图片转换为像素化/马赛克效果,可调节像素大小和图案形状
image-pixelatorDesign
为图片添加圆角效果,支持可调节半径和角选择
image-rounded-cornersDesign
调整图片的颜色饱和度,让色彩更鲜艳或创建灰度效果
image-saturationDesign
增强图片清晰度和锐度,提供可调节的锐化强度和多种锐化算法
image-sharpenDesign
在 HEX、RGB、HSL 和 CMYK 之间统一转换颜色。
cmyk-converterDesign
在 HEX、RGB、HSL、CIELAB 与 Display-P3 之间转换颜色,提供 CSS 输出与色域检查。
color-space-converterDesign
从单色底色求解接近目标十六进制颜色的 CSS filter 组合
css-target-color-filter-generatorDesign
抓取远程图片 URL,提取主色调,导出可直接用于代码的配色文件,并查看对比度结果
color-palette-extractor-from-image-urlDesign
可视化 CSS cubic-bezier 缓动曲线,在位置/透明度/缩放上实时预览,选择预设并导出可复制的 CSS
css-easing-visualizerDesign
输入最小/最大视口与字号边界,输出 clamp() 表达式、可复制 CSS 与实时预览数据
css-fluid-typography-clamp-calc