javascript颜色选择器

如果你使用的是Gmail，你知道你可以改变标签的颜色。没有太多的颜色选项，我想在我的web应用程序中也有类似的东西。即使是带有一些颜色的

也很不错。jQuery ColorPicker提供了许多颜色供选择，我不需要这些

---

你知道与Gmail标签颜色选择器类似的东西吗？

怎么样？）怎么样？（）

您也可以检查这个

---

您也可以检查此项

---

我开发了一个基于HTML的简单颜色选择器

：

内联模式：

选择器模式：

---

在线演示：

我开发了一个基于HTML的简单颜色选择器

：

内联模式：

选择器模式：

---

在线演示：

查看我的跨浏览器兼容（颜色选择器）。如果您想在不支持HTML5的旧web浏览器中打开网页，可以使用“我的颜色选择器”，而不是， 例如IE6

颜色选择器

如果您在此处未看到HTML5颜色选择器，则浏览器不支持HTML5：
相反，您会看到一个文本输入字段。


我的颜色选择器：

颜色选择器。创建（“黑色”，函数（selectedColor）{
控制台日志（“selectedColor=“+selectedColor”）；
var elementSelectedColor=document.getElementById（“SelectedColor1”）
//elementSelectedColor.innerText=selectedColor；//与FireFox不兼容
elementSelectedColor.innerHTML=selectedColor；
elementSelectedColor.style.background=selectedColor；
elementSelectedColor.style.color=invertHex（colorNametoHex（selectedColor））；
}
，“颜色选择器1”
);
所选颜色：


colorSelector.Create（“#ffffff”），函数（selectedColor）{
控制台日志（“selectedColor=“+selectedColor”）；
var elementSelectedColor=document.getElementById（“SelectedColor2”）
//elementSelectedColor.innerText=selectedColor；//与FireFox不兼容
elementSelectedColor.innerHTML=selectedColor；
elementSelectedColor.style.background=selectedColor；
elementSelectedColor.style.color=invertHex（colorNametoHex（selectedColor））；
}
，“颜色选择器2”
);
所选颜色：


有工作给我吗？请阅读。

查看我的跨浏览器兼容（颜色选择器）。如果您想在不支持HTML5的旧web浏览器中打开网页，可以使用“我的颜色选择器”，而不是， 例如IE6

颜色选择器

如果您在此处未看到HTML5颜色选择器，则浏览器不支持HTML5：
相反，您会看到一个文本输入字段。


我的颜色选择器：

颜色选择器。创建（“黑色”，函数（selectedColor）{
控制台日志（“selectedColor=“+selectedColor”）；
var elementSelectedColor=document.getElementById（“SelectedColor1”）
//elementSelectedColor.innerText=selectedColor；//与FireFox不兼容
elementSelectedColor.innerHTML=selectedColor；
elementSelectedColor.style.background=selectedColor；
elementSelectedColor.style.color=invertHex（colorNametoHex（selectedColor））；
}
，“颜色选择器1”
);
所选颜色：


colorSelector.Create（“#ffffff”），函数（selectedColor）{
控制台日志（“selectedColor=“+selectedColor”）；
var elementSelectedColor=document.getElementById（“SelectedColor2”）
//elementSelectedColor.innerText=selectedColor；//与FireFox不兼容
elementSelectedColor.innerHTML=selectedColor；
elementSelectedColor.style.background=selectedColor；
elementSelectedColor.style.color=invertHex（colorNametoHex（selectedColor））；
}
，“颜色选择器2”
);
所选颜色：


有工作给我吗？请阅读。

这是最简单、最干净的颜色选择过程。只使用HTML

#DDDDDD
#F7D1D0
#DCEBD8
#D2E4EB
#F7F0C5
#E1D8ED
#FFD5C2
#D1F3EC
#658CBB
#e0c9bf

这是最简单、最干净的颜色选择过程。只使用HTML

#DDDDDD
#F7D1D0
#DCEBD8
#D2E4EB
#F7F0C5
#E1D8ED
#FFD5C2
#D1F3EC
#658CBB
#e0c9bf

更新的演示链接：更新的演示链接：我在vanila js中制作了一个轻量级的简单链接我在vanila js中制作了一个轻量级的简单链接