标签归档:颜色拾取器

纯JavaScript实现简洁的颜色选取器

之前我们分享过几款基于jQuery和CSS3的颜色选取插件,比如这款jQuery实现的一个颜色选择器,可以实时输出RGB值,在比如这款HTML5 CSS3颜色选取并复制十六进制值,他们的特点是都可以将颜色转换成数值。今天介绍的这款就比较简单,它是基于纯JavaScript的,并没有采用庞大的框架,因此颜色选取器非常简洁,使用也十分方便。

javascript-color-picker

在线演示源码下载

HTML5 CSS3颜色选取并复制十六进制值

之前我们分享过很多基于jQuery和HTML5的颜色拾取器,都可以在调色板上选取不同的颜色,比如这个jQuery实现的一个颜色选择器功能就比较强大,可以拾取任意颜色。这次我们分享的这款颜色选取应用是基于HTML5和CSS3的,它的特点是可以选择某一色系中的几种常用颜色,并且可以将对应颜色的十六进制值复制出来。

html5-css3-color-copy

在线演示源码下载

SVG/HTML5超富创意的环形颜色拾取器

记得很早以前我们分享过一款功能很强大的jQuery颜色选取插件 支持透明度选择,确实很不错。今天我们要介绍另外一款基于SVG和HTML5的环形颜色拾取器,非常具有创意。20种颜色组成一个圆环,每一种颜色都有相近的5种颜色可以选取,唯一遗憾的是不能根据任意的RGB值选取颜色。

svg-html5-circle-color-picker

在线演示源码下载