图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
图片取色器 - 在线提取图片主色调
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
图片主导色板提取 - 5色方案生成
使用色彩量化算法从图片中提取最有代表性的5个颜色组成色板块。
色彩搭配方案生成器 - 互补/三角/矩形调色
根据一个基础色生成互补色、分裂互补、三角色、矩形色等经典配色方案,并显示色块和代码。
图片渐变色提取器 - 在线分析图片主渐变
从上传的图片中智能提取主要渐变色方向与色标,生成对应CSS渐变代码,用于设计背景。
线性渐变提取 - 从图片生成双色渐变
上传图片,自动提取最突出的两个颜色,生成水平或垂直渐变CSS。
曲线调整工具 - 类似PS的色阶曲线
通过拖拽贝塞尔曲线调整图片的亮度和颜色映射,实现高级调色效果。
图片色彩直方图查看器 - RGB/亮度通道分布
上传图片,显示红、绿、蓝及亮度通道的直方图,辅助评估曝光与色彩分布。
Web Components 生命周期浏览器 - 查看回调执行
创建一个测试自定义元素,记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。
色彩性格快速测试 - 选出颜色看解析
从几种颜色排列中选择最吸引你的,给出趣味性格解读。
拼豆设计器 - 图案布局并导出色号
在网格上放置彩色珠子,设计像素图案,导出珠数统计和色号清单,方便购买。
文字情绪板生成器 - 关键词配色与排版
输入代表情绪的关键词,自动匹配配色方案和字体样式,生成情绪板卡片。
新拟态调色板 - 根据背景色自动生成凹凸色
选择主背景色,自动推荐浅色高光和深色阴影值,用于新拟态UI。
品牌颜色提取器 - 输入品牌名查官方色
搜索知名品牌名称,显示其标志性的官方HEX颜色代码。
极简衣橱胶囊规划器 - 单色搭配组合
选择核心颜色(如黑、白、燕麦),自动推荐并可视化极简衣橱的搭配方案。
PWA启动画面生成 - 图标与背景色配置
配置启动画面背景色与图标,生成对应manifest和meta标签代码。
二分图最大匹配 Hopcroft-Karp 演示
展示 Hopcroft-Karp 算法寻找最大匹配的过程,包括 BFS 和 DFS 阶段。
代码片段转图片 - 高亮代码导出为美观图片
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
GIF 动画转精灵表生成器 - 按行/列提取帧
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。
GIF分解精灵图导出 - 提取单帧和CSS定位
上传GIF并自动水平平铺提取各帧,生成对应的CSS精灵图定位代码。
互动五度圈 - 点击调号显示和弦与关系调
交互式五度圈,点击任一调显示其调号、平行大小调及主要和弦。
字体配对预览 - 标题正文字体组合
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
网页CSS变量提取为色板 - 一键查看站点主题色
输入网址,提取页面定义的所有CSS自定义属性(颜色),生成直观调色板。
互动渐变探索器 - 抓取渐变色标移动
在色带任意位置点击添加色标并拖拽,感受渐变设计。
品牌配色方案查询 - 世界知名企业色板
搜索公司名,显示其官方主色、辅助色并复制十六进制代码。
快捷键冲突检测与解决方案 - 输入组合查看占用
输入一组快捷键,检测在主流操作系统和浏览器中是否已被系统或软件占用。
剪影生成器 - 提取人物/物体轮廓变黑
上传正面照,简单亮度阈值提取剪影,可下载PNG。
排序算法可视化 - 冒泡/快排/归并动画
选择算法并随机生成数组,以彩色条动画展示排序过程,帮助理解算法。
写作灵感提示器 - 情境/角色/冲突随机组合
随机生成包含主角、场景与冲突的写作提示,拯救空白文档,激发创作欲。
类似色生成器 - 色轮邻近色彩方案
选择一个基色,自动计算色环上左右各30度的类似色,适合温和配色。
UD5工具箱