主要观点:作者在近十年间制作了多个颜色选择器,虽商业价值低且难做,但仍坚持,认为原始的三角形颜色轮更优,其色调沿水平线分布,阴影和浅色通过边缘分布,且添加了通过拖动轮来选择色调的功能,作者希望此分享能给他人带来启发。
关键信息:
- 2015 年制作第一个颜色选择器,本月完成第 6 个,仅保留最后 3 个的代码。
- 颜色选择器有独特图形和视觉使用模式,对缺乏审美感的开发者是挑战。
- 现代常见颜色选择器(方形)存在阴影比例失调、色调斜率怪异等问题。
- 原始三角形颜色轮在色调、阴影和浅色分布上更优,色调沿水平线,阴影和浅色沿边缘。
- 最新颜色选择器沿原始颜色轮三角形思路,可通过拖动轮选择色调,制作时间是初学者的 20 倍。
重要细节: - 文中展示了多种颜色选择器的图片,如不同的现代颜色选择器、原始颜色轮等。
- 提到了一些颜色选择器相关的工具和库,如 react-spectrum、ant.design 等。
- 有视频展示通过三角形边缘移动拇指来调整颜色的阴影和浅色。
- 提供了可玩的颜色选择器链接(https://hugodaniel.com/pages/... 或作为 Figma 插件 https://www.figma.com/communi...)。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。