如何使HTML5颜色选择器返回颜色名称而不是颜色代码
How to make HTML5 color picker to return color name instead of color code?
<label for="background-color">Choose a color for background :</label>
<input id="background-color" type="color" />
我希望它返回颜色名称而不是颜色代码例如,用"蓝色"代替"#0000ff"。
$(document).ready(function(){
$("#showPaletteOnly").spectrum({
showPaletteOnly: true,
showPalette:true,
hideAfterPaletteSelect:true,
color: 'blanchedalmond',
change: function(color) {
printColor(color);
},
palette:["red", "green", "blue"],
});
});
function printColor(color) {
alert(color.toName());
//var text = "You chose... " + color.toHexString();
//$(".label").text(text);
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="https://bgrins.github.io/spectrum/spectrum.js"></script>
<link rel="stylesheet" type="text/css" href="https://bgrins.github.io/spectrum/spectrum.css">
<h2>Palette Only</h2>
<input type='text' id="showPaletteOnly"/>
<br />
<span class='label'>Choose a color</span>
您可以使用 java 脚本库"命名该颜色"。
<script type="text/javascript">
var n_match = ntc.name("#6195ED");
n_rgb = n_match[0]; // RGB value of closest match
n_name = n_match[1]; // Text string: Color name
n_exactmatch = n_match[2]; // True if exact color match
alert(n_match);
</script>
相关文章:
- jsf中两个字符串的颜色代码差异
- 如何使HTML5颜色选择器返回颜色名称而不是颜色代码
- 如何在 JavaScript 中使用正则表达式从颜色代码中删除“#”
- javascript:搜索并用不同的颜色代码替换十六进制颜色代码
- 以递增的渐变对十六进制颜色代码进行排序
- 如何通过在 Fabric JS 中传递颜色代码来创建自定义筛选器
- 打印所选颜色代码以输入值
- 如何将透明度信息添加到十六进制颜色代码
- JavaScript 中的 HTML 颜色代码拾取
- 在 viewConfig 属性的 getRowClass 中分配颜色代码后,背景颜色不会更改
- 如何在我的phpbb BBCode中显示标记颜色代码
- 用户使用 HTML 颜色代码选择背景颜色
- Javascript RegExp解析IRC颜色代码
- 更改URL的默认颜色代码
- 使用javascript匹配功能捕获十六进制颜色代码
- 空间不显示在我的世界颜色代码
- 从颜色词中获取颜色代码
- 如何排序教科书的类型,颜色代码,或分类在bookweb使用html, Javascript, CSS或其他
- 将6位颜色代码转换为3位
- 将RAL转换为HEX颜色代码