图片色卡生成器｜louis16s

图片色卡生成器

输入 / 预览

拖拽图片文件或图片链接

粘贴图片 / 图片URL / 点击此处从设备选择

单次仅显示一张 / 跨域图片需支持 CORS 才能读取

色块数量

显示 HEX

排序

色卡高度(px)

合成图背景

用法 & 快捷操作

拖入图片文件或图片直链（URL）。
使用 Ctrl/Cmd + V 粘贴图片或图片链接。
预览区仅显示一张图片。
HEX 由独立开关控制，可点击复制。

更新日志

感谢chatgpt完成了大部分代码。

新增排序（暗→亮 / 亮→暗）、实时响应、HEX 点击复制。

像素级对齐（色带与 HEX 完全一致）；接入 SVG 站点图标与头部 LOGO。

完善分割线组件；整理文本与结构。

修复排序控件：去除不兼容的 line-height，增大右侧内边距，统一 option 颜色。