Design
应用伽马矫正来非线性调整图片亮度,以获得更好的视觉效果
image-gamma-correctionDesign
将图片转换为像素化/马赛克效果,可调节像素大小和图案形状
image-pixelatorDesign
为图片添加圆角效果,支持可调节半径和角选择
image-rounded-cornersDesign
调整图片的颜色饱和度,让色彩更鲜艳或创建灰度效果
image-saturationDesign
增强图片清晰度和锐度,提供可调节的锐化强度和多种锐化算法
image-sharpenDesign
把任意十六进制颜色解析成最接近的 CSS 命名色,给出真实 CIEDE2000 ΔE 距离,并浏览它所属的整个色族。
css-color-name-resolverDesign
生成 2024 年以来 Dribbble/Behance 流行的“渐变网格”:多个径向渐变(色斑 → 同色透明衰减)叠加在底色(可选角向渐变底层)上,支持混合模式、SVG 胶片颗粒、种子化布局(四角 / 环形 / 散点 / 网格),实时预览 + 可复制 CSS + Tailwind 任意值类名导出。色斑用 #RRGGBB00 八位十六进制同色衰减,避免 transparent 关键字的灰圈问题。
css-gradient-mesh-generatorDesign
在 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-visualizer