音乐取色器 - 根据音符生成主色调
选择调性和和弦进行,将音符频率映射到色相环上,生成系列颜色搭配。
UD5工具箱
或点击选择文件
JPG / PNG / WebP / GIF / BMP也支持 Ctrl+V 粘贴图片
等待图片分析
上传图片后,调色板将自动生成
点击颜色块查看详情并复制
图片调色板提取工具通过分析图片中所有像素的颜色分布,使用中位切分法(Median Cut)等算法,智能提取出图片中最具代表性的主要颜色,帮助设计师快速获取配色灵感。适用于品牌设计、网页配色、UI设计等场景。
中位切分法是一种经典的颜色量化算法。它将图片所有像素的颜色空间(RGB三维空间)视为一个"桶",然后不断找到颜色范围最大的桶,按其中位数进行切割,直到获得目标数量的颜色桶。每个桶的平均颜色即为提取出的调色板颜色,按像素占比排序。
提取的调色板可广泛应用于:品牌VI设计、网站/App配色方案、社交媒体图形设计、室内设计色彩参考、数据可视化配色、服装搭配灵感、摄影后期调色参考等。导出的CSS变量可直接用于前端开发。
算法提取的是"统计意义上的主要颜色",会综合考虑颜色分布和占比。细微的色彩变化可能被合并到邻近的主要颜色中。调整颜色数量滑块可以获得更细致或更概括的调色板。此外,不同显示器的色彩校准也可能影响视觉判断。
支持JPG、PNG、WebP、GIF(取第一帧)和BMP格式。图片在分析前会自动缩放到合适尺寸,因此即使是高分辨率图片也能快速处理。建议使用清晰、光照均匀的图片以获得最佳调色板提取效果。SVG格式暂不支持。
百分比表示该颜色在图片像素中所占的比例。高占比颜色通常是图片的背景或主色调,低占比颜色往往是点缀色或细节色。设计时可将高占比颜色作为背景/主色,低占比颜色用于强调元素,形成视觉层次。
HEX(十六进制)颜色代码以#开头,后跟6位字符(如#FF5733),每两位代表红、绿、蓝的亮度值(00-FF)。RGB值以(红, 绿, 蓝)格式表示,每个分量范围0-255。两者表达相同颜色,HEX更简洁常用于网页,RGB更直观便于调整。
在线工具无需安装,即开即用,适合快速获取配色灵感。专业软件(如Adobe Color、Photoshop)提供更多高级功能如色彩调和规则、色盲模拟等。对于大多数设计和开发场景,在线工具已能满足需求,且支持导出CSS变量直接用于代码。
小贴士: 使用色彩对比度高的图片能提取出更丰富的调色板。风景照、艺术作品通常比单色图片提取效果更好。 颜色按色相环排序,视觉上更和谐。
选择调性和和弦进行,将音符频率映射到色相环上,生成系列颜色搭配。
在图片上点击选择颜色,将相近色调区域变为透明或替换背景。
输入描述(如“海洋”、“日落”),从预定义词汇颜色库中生成和谐配色。
使用K-Means聚类算法从图片中提取3-8个主色调,生成配色方案,比单像素提取更准确。
选择基础色一键生成由浅至深(Tint到Shade)的色阶,调节步数和比例,输出完整色板。
选择本地视频文件,仅将音轨提取出来保存为MP3或WAV,无需重编码。
将图片色阶降低到指定层级,创造海报化的波普艺术效果。
网格内各数字对应颜色,按提示填充,完成像素艺术。
输入一组颜色,生成矩阵显示每两色间的对比度和WCAG级别,确保调色板可访问。
选择两张图片或纯色图层,切换 multiply、screen、overlay 等混合模式,预览并生成 CSS。
在画布上放置多个色点,利用双线性插值生成平滑梦幻的多色渐变背景,可导出CSS或图片。
沿着一条三次贝塞尔曲线采样颜色,生成平滑的渐变色带代码,创意背景。
选择一种颜色,显示它在可见光谱中的大致波长范围。
输入原采样率和目标采样率,了解转换倍数和质量影响,配合重采样概念。
选择一个基色,自动生成从90%白到90%黑的10级色阶,显示HEX值并支持复制。
生成1-100的数字表,点击以高亮特定倍数(如3的倍数、素数),可打印。
输入任意种子词(如用户名),基于哈希生成一套固定且可复现的专属配色。
加载SVG插画,任意改变其整体或局部填充色,等比放大缩小后下载PNG。
拖拽波长滑块,实时显示从380nm到780nm的可见光颜色,以及对应的频率和光子能量。
选择大调或小调,生成常见和弦进行(如 I-IV-V-I),并播放试听,辅助作曲灵感。
上传短视频,截取片段调整尺寸与帧率,转换为循环GIF动画,适合制作表情。
输入颜色代码,计算其相对亮度值,并给出与另一种颜色的对比度。
加载音频文件,提供10段频率增益滑块,实时音色调节并展示频谱图。
将图片模拟为四色印刷的CMYK网点叠加效果,可调网点大小和角度。
将文章标题或任意文本转换为URL友好的slug(如my-article-title),支持多语言去除变音符号。
选择乐器类型(如降B小号),输入记谱音,显示演奏的实际音高及钢琴对照。
输入 SMILES 字符串,生成简单的 3D 分子球棍模型并可旋转缩放,用于化学可视化。
从麦克风或音频文件实时捕捉音频,以条形图显示各频段的能量分布。
将文本转为可安全放入代码字符串的形式,或反向还原。
组合多色渐变与SVG噪点叠加,生成独特且轻量的CSS背景纹理,适配现代UI。