色彩研究

[magicdawn]

All about colors.

[magicdawn]

http://tools.medialab.sciences-po.fr/iwanthue/theory.php

HSL = hue saturation light
HSV = hue saturation value

HSL random colors

Colors with a low lightness will all look the same, whatever their value. The same with high lightness colors, and low saturation colors.

亮度lightness 较低的颜色, 看起来都是一样的, 此时他们的颜色hue 就不那么重要了.
亮度高时 / 饱和度低时也这样

http://www.css88.com/book/css/values/color/hsl.htm

• H: hue, 0-360, 0(360) = red, 120 = green, 240 = blue
• S: saturation, 0-100%, 饱和度
• L: light, 亮度, 0-100%

[magicdawn]

https://cnodejs.org/topic/58e5f6d0147b1e0a5ec4e462

[magicdawn]

css pre defined colors

https://www.w3.org/wiki/CSS/Properties/color/keywords

[magicdawn]

// https://www.bilibili.com/video/BV1g3411u7Lg/
color: #0545b2; // 理想之蓝
color: #f4cd00; // 柠檬黄
color: #ef2729; // 石榴红
color: #f89c00; // 鹿箭
color: #233728; // 黛绿 rational blue
color: #f2b9b7; // 和熙粉
color: #f3cc91; // 芝士黄 cheese yellow
color: #6b4c68; // 葡萄紫 grape purple
color: #ff7227; // 落日橙 sunset orange
color: #004d62; // 碧海天 ocean sky
color: #23909b; // 洗碧空 washing sky
color: #aeb400; // 芥丝绿 
color: #425a17; // 箬叶青 leaves green

[magicdawn]

some purple colors

name	hex	rgb	preview
mediumslateblue	#7b68ee	123,104,238
slateblue	#6a5acd	106,90,205
	#C6CFFF	rgb(198,207,255)

色卡

https://www.qtccolor.com/Article/381.aspx