这是一个创建于 3083 天前的主题，其中的信息可能已经有所发展或是发生改变。
去年年末开始用业余时间一点点撸出来的。
做这个一是因为突然心血来潮，想验证一下自己那一点点半吊子对色彩的理解，但是找了很多配色工具都不理想；二是因为一直想转行当码农，然而非科班也没学历，就只能自己当作业余爱好撸着玩了。
传送门：
http://lwl.space/color
功能很简单，就那么几个键，大家随便试，也希望能给些意见。
初学的渣代码就不开源了，以后有时间再单独把颜色生成部分拆出来。
 |
1
chairuosen 2016-06-19 21:29:21 +08:00
js 拿什么混淆的？
|
 |
2
Ectx OP @chairuosen 重点在这吗……网上随便搜的 javascriptobfuscator 和站长工具混用- -
|
|
3
chairuosen 2016-06-19 21:49:30 +08:00
@Ectx 功能看着挺复杂啊，想看看代码。。。很不错的作品！
|
 |
4
LancerComet 2016-06-19 21:58:21 +08:00
随便拉了几次取了一些色相范围，不得不说颜色相当讲究，简直就是拿 Sylvain Sarrailh 或 Atey Ghailan 这样的概念设计师的稿子取的颜色，非常不错！
|
 |
5
DoraJDJ 2016-06-19 22:07:45 +08:00 via Android
手机操作不怎么好，只能点下面的操作按钮，圆盘不能操控
|
 |
6
187j3x1 2016-06-19 22:10:40 +08:00
好玩
|
 |
7
TangMonk 2016-06-19 22:11:18 +08:00
感觉挺厉害的样子，但是不知道具体有什么作用。。
|
|
8
Ectx OP @chairuosen 行吧，这东西我也是当学习用的，就不混淆了。（源码里各种乱也跟混淆了差不多- -
|
 |
10
SuperFashi 2016-06-19 22:37:21 +08:00 via Android
太棒了！必须 mark 一下
|
 |
11
smallpath 2016-06-19 22:37:47 +08:00
好玩
取色规则不建议用贝塞尔曲线, 毫无色彩上的意义,建议参照 Adobe Color CC 那几种设定好了的分组拾色 |
 |
12
BGLL 2016-06-19 22:46:24 +08:00
挺有趣的，虽然曲线操作的有点迷
|
|
13
Ectx OP @smallpath 这可不能说是‘毫无色彩上的意义’哦，因为一条贝塞尔在色轮上就是一组邻近色或者过渡色，我最初的想法就是用贝塞尔来控制邻近色的走向的。且不如说如果我需要的是 adobe kuler 那样的功能，那我就没必要做这个工具了……
|
|
14
smallpath 2016-06-19 23:23:33 +08:00
@Ectx 邻近色是指色相差 90 度, 似乎你这里贝塞尔句柄把 360 度都取到了吧,另外这里用到的色轮貌似是 cmyk,我印象中 cmyk 并不是以色相为基准输入的,hsb 和 hsl 才是;过渡色意义不明;adobe kuler 那十组拾色的规则是有固定的算式的,结果可靠可预期,老实说 10 组算式并不能满足需求, 我觉得有另外的规则做补充是很好的
|
 |
15
qiaobeier 2016-06-19 23:41:00 +08:00
上传到 github ，给你简历润润色。
|
|
16
qiaobeier 2016-06-19 23:41:19 +08:00
弄到 github ，给你简历润润色。
|
|
17
Ectx OP @smallpath 谢谢，我个人对色理也没太系统的研究过，很多都是靠感觉得来的，所以操作设定的自由度比较高也满足各种非理性的需求。另外这个色轮确是 hsl 的， cmyk 的色彩空间貌似没法做色轮的……
kuler 那套算法我不太懂，他的色轮貌似也不是 hsl/hsb ，正常的 hsl 在 120 度的位置应该是纯绿色(#00FF00)，他的却是偏黄色，但感觉似乎过渡更自然。 |
 |
18
shiny 2016-06-20 00:41:49 +08:00
👍让学了 N 年 JS 的我自感惭愧
|
|
19
smallpath 2016-06-20 00:49:25 +08:00 via Android
@Ectx ,咦，是 hsl 嘛,hsb 和 hsl 的三原色占比高的吓人，可能我没看清楚吧。 cmyk 也可以做色轮，做出来的效果更倾向于彩虹七色，只是 cmyk 的定义决定了色轮的中心是黑的，因此基本没人用 cmyk 色轮。 kuler 的算法是重映射了 hsb 算法的颜色范围，从 3 种基准色按角度映射成了 7 种，并且 kuler 有个小 bug ，正好绿色那块有大约 10 度的范围 rgb 值几乎一样，非常像映射绿色那块写错了参数导致颜色骤变，之后又打了模糊来掩盖错误，我之前模拟 kuler 时候正好踩了一样的坑， 233
|
 |
20
Niphor 2016-06-20 08:29:26 +08:00
好棒!
|
 |
21
tSQghkfhTtQt9mtd 2016-06-20 09:55:47 +08:00 via Android
卧槽 lwl.space 是你的。。
|
 |
22
onionnews 2016-06-20 14:58:58 +08:00
我也想学 js ，楼主在哪里学习的，有什么课程和书推荐？
|
|
23
Ectx OP |
|
24
tSQghkfhTtQt9mtd 2016-06-20 19:20:09 +08:00
|
 |
25
Exin 2016-06-20 21:45:01 +08:00
炫酷
|
 |
26
huybery 2016-06-20 22:24:31 +08:00
- - 话说这个怎么拯救我的垃圾配色感
|
 |
27
zdd2389 2016-06-22 18:23:07 +08:00
这个要怎么用到项目中？看着色彩感觉很不错
|
|
28
Ectx OP |
|
29
tSQghkfhTtQt9mtd 2016-06-22 23:21:24 +08:00
@Ectx 遗憾（ 2333 那就算了
 还是资辞 lz 的配色工具喽 |
 |
30
lslqtz 2016-06-23 12:39:19 +08:00
好棒！
|
 |
31
fetich 2016-06-23 13:57:58 +08:00
不会用……楼主好厉害！
|
Select Language