An excellent HSL, HWB, and RGB color picker, written in React on Vite and fully open source.
HSL picker is a fun side project that I use all the time to help pick colors or nudge a color to be just right. In version 2 I've added HWB color picking and four and eight digit HEX colors. It's now a modern React app built on the incredibleViteenvironment and it's way faster...
(HSV/HSB 和 HSL 是一样的东西,只不过叫明度而不是亮度) ColorPicker 一般都是用 HSL 来实现的,通过滑块调节色相、饱和度、亮度,显示的时候加上几个渐变,就能实现这种组件: 理解了 HSL 颜色表示法,就能实现 ColorPicker 组件。
传送门http://hslpicker.com/ 同类型网站,留着备用 Colorspirehttp://www.colorspire.com/可以预览整个网页的配色方案,能更方便的看到效果。。。 网友古海岸遗址提供趣站
HSL 是人更喜欢的颜色表示法,用色相、饱和度、亮度来表示颜色,最后转成 RGB。 (HSV/HSB 和 HSL 是一样的东西,只不过叫明度而不是亮度) ColorPicker 一般都是用 HSL 来实现的,通过滑块调节色相、饱和度、亮度,显示的时候加上几个渐变,就能实现这种组件: 理解了 HSL 颜色表示法,就能实现 ColorPicker 组件。
理解了 HSL 颜色表示法,就能实现 ColorPicker 组件,HSL颜色表示法是一种常用的颜色表示方法,它由色相(H)、饱和度(S)和亮度(L)三个参数组成。色相表示颜色的种类,饱和度表示颜色的纯度,亮度表示颜色的明暗程度。HSL颜色表示法相对于其他颜色表示法来说,更符合人
publicclassColorPickerextends View{privateGestureDetectorgestureDetector;privateintradius,height,width;privatePaintpaintLine;privatefloatscale=(float)(144*Math.PI/180);privatePaintmCenterPaint;privateintmInitialColor=Color.BLACK;//初始颜色privatefinalint[]mColors=newint[]{//渐变色数组0xFFFF0000,0xFFFF00FF...
选择颜色是常见需求,想必大家都用过 ColorPicker 组件。 比如Chrome DevTools 的这个: antd 也有 ColorPicker 组件: 其实浏览器原生也支持 color 类型的 input: 功能更强大,还支持网页颜色吸取。 兼容性也很不错: 那为什么 antd 还在 5.5 版本实现一个 ColorPicker 呢?
ColorPicker 实现时，通常利用 HSL 的特性，通过滑块调整色相、饱和度和亮度，通过渐变背景呈现，使得颜色选择过程直观易懂。而颜色吸取功能通常依赖浏览器的底层API，如 EyeDropper，但兼容性问题需要开发者注意。总结来说，理解了 HSL 颜色表示法，就能够更好地设计和实现 ColorPicker 组件，确保在满足功能...
显示器和扫描仪使用的RGB空间与CIE 1931 RGB真实三原色表色系统空间是不同的,后者 是与设备无关的颜色空间。btw:Photoshop的色彩选取器(Color Picker)。可以显示HSB、RGB、LAB和CMYK 色彩空间的每一种颜色的色彩值。 CMYK颜色空间 CMYK(cyan,magenta,yellow)颜色空间应用于印刷工业,印刷业通过青(C)、品(M)、黄(...