<html>
<head>
<style>
#colorpad table{
border-collapse:collapse;
cellpadding:0;
cellspacing:0;
width:255px;
height:255px;
border:0;
}
#colorpadright table{
border-collapse:collapse;
cellpadding:0;
cellspacing:0;
width:255px;
height:20px;
border:0;
}
#colorpad{
width:255px;
height:255px;
}
#colorpadsample{
width:100px;
height:100px;
}
#colorpadright{
height:20px;
width:255px;
}
td{
border:0;
width:1px;
height:1px;
margin:0;padding:0
}
</style>
</head>
<div id="colorpad"></div>
<div id="colorpadright"></div>
<div id="colorpadsample"></div>
</html>
<script>
function setColor(style){
document.getElementById('colorpadsample').style.background=style;
var stylepiect1=style.split(',')[0];
var stylepiect2=style.split(',')[2];
var html='';var style='';
html+='<table cellpadding=0 cellspace=0>';
html+='<tr>';
for(var i=0;i<256;i++){
style= stylepiect1+','+i+','+stylepiect2;
html+='<td style="background:'+style+'">';
html+='</td>';
}
html+='</tr>';
html+='</table>';
document.getElementById('colorpadright').innerHTML=html;
}
var html='';
html+='<table cellpadding=0 cellspace=0>';
for(var i=0;i<256;i++){
html+='<tr>';
for(var j=0;j<256;j++){
html+='<td onclick="setColor(this.style.background)" style="background:rgb('+i+',0,'+j+');">';
html+='</td>';
}
html+='</tr>';
}
html+='</table>';
document.getElementById('colorpad').innerHTML=html;
</script>
时间仓促，用css的背景样式，js打印255*255的调色板，只写了RB固定 G变的部分，由于所有颜色展现对浏览器负载比较大，所以不推荐使用类似的调色板。
截图：
相关推荐
"影楼专用PS超级调色板"是一款专为摄影后期制作设计的Photoshop插件，旨在简化影楼行业的色彩调整工作流程，提供一键式的调色解决方案。这款工具集成了多种预设的调色方案，能够快速实现专业级别的影楼风格效果，极...
"ps超级调色板"是一款专为Adobe Photoshop设计的调色工具，旨在帮助用户快速、高效地调整照片的颜色，实现各种风格的转换。这款软件集合了大量的预设调色方案，让用户能够一键应用，大大节省了在图像后期处理中的...
本文实例讲述了JS实现仿PS的调色板效果。分享给大家供大家参考，具体如下： 运行效果图如下： 完整实例代码： <html> <head> <style> #colorpad table{ border-collapse:collapse; ...
这个压缩包文件包含了一个特别的版本——“仿酷狗QQ调色板修改版”，它是由网友风之羽翼基于Duilib进行定制开发的，目的是为了实现类似酷狗音乐和腾讯QQ中的动态调色板功能。 首先，我们要理解什么是“动态调色板”...
调色板 用javascript编写的调色板 直接下来就可以用了
"duilib 仿酷狗 QQ调色板修改版2"是基于Duilib进行开发的一个特定功能组件，旨在模仿酷狗音乐和QQ软件中的动态调色板控件。这个组件由网友风之羽翼进行了修改和优化，提供了更加丰富的色彩选择和动态效果，为用户...
PS超级调色板红帆版程序 指导客户安装 PS超级调色板红帆版 软件如下： 客户收到软件 解压开 有2个文件 分别是（PS超级调色板红帆版程序) （客户必看.txt） 1 客户先打开 客户必看文件 了解软件安装 2 执行 PS...
将压缩包的所有资源导入项目中，在自己需要的H5界面插入.js文件和.css文件，此库依赖jquery，在导入之前先导jquery，导入后使用 $(document).ready(function() { $('#这个是自己用一个div包住整个调色板的diID')....
"PS超级调色板"是一款针对Adobe Photoshop设计的增强型色彩调整工具，旨在提升用户在图像编辑过程中的调色效率和质量。这款软件专为处理照片偏色问题而设计，帮助用户将普通的照片转化为具有专业影楼效果的精美图片...
这是我为了做仿酷狗程序的调色板而专门做的一个调色板控件。 我简单研究了一下酷狗的调色板的绘制的算法，另外查了一下HSB的资料，做出这个控件 但是在这方面的水平实在有限，有问题或者建议请联系我 我的博客：...
ps cs版本以上都可以用的插件 影楼专业调色软件
JavaScript调色板是一种在网页应用中用于选择颜色的交互组件，常见于网页设计、图形编辑或用户界面定制等场景。HTML5的引入为创建这样的功能提供了更多可能性，尤其是在处理用户输入和媒体交互方面。在这个...
利用js弹出调色板，不进行进制的转换时可以作为DOM对象正确的显示在HTML对象中，当进行了进制的转换时只有部分颜色...由于利用的是js调色板，因此其颜色值在DOM对象中直接用整数方可正确显示！（此代码只作学习参考用）
【JS 极品调色板】是一个以JavaScript为基础的调色工具，允许用户自定义和搭配颜色，以满足网页设计、图形艺术或者编程时的颜色需求。JavaScript作为一种强大的客户端脚本语言，广泛应用于网页交互和动态效果，而...
在本示例中，"C#自定义调色板控件演示"是一个关于如何在C#中创建和使用自定义调色板控件的教程。调色板控件在许多图形设计和用户界面相关的应用程序中非常常见，允许用户选择颜色以应用于不同的元素或对象。 调色板...
### 调色板的JS代码详解 在网页设计与开发中，颜色选择器或调色板是一个常用的功能，尤其在需要用户自定义颜色的情况下。本文将深入解析一段用于创建网页调色板的JavaScript代码，帮助理解其工作原理及如何在实际...
在这个“JavaScript调色板”中，我们很可能找到了一个用于网页设计的实用工具，它可以帮助开发者轻松选择和应用颜色，提高网页设计效率。 调色板.html文件很可能是这个JavaScript调色板的核心部分，它可能包含了...
js 特效 html 特效 调色板工具 js 特效 html 特效 调色板工具
《duilib 仿酷狗 QQ调色板》 在IT界，用户界面（UI）的设计与功能实现一直是开发者关注的重点。Duilib是一个流行的Windows平台上的轻量级UI库，它提供了一种简单高效的方式来构建美观的图形用户界面。本文将深入...