[其他] ANSI色彩 学习笔记

楼主: Ahri5566 (阿璃五六)   2015-10-15 13:08:42
明度:采用YUV公式 Y=0.299*R + 0.587*G + 0.114*B
暗色 黑 红 绿 黄 蓝 紫 青 白
R 0 128 0 128 0 128 0 192
G 0 0 128 128 0 0 128 192
B 0 0 0 0 128 128 128 192
明度 0 38 75 113 15 53 90 192
亮色 黑 红 绿 黄 蓝 紫 青 白
R 128 255 0 255 0 255 0 255
G 128 0 255 255 0 0 255 255
B 128 0 0 0 255 255 255 255
明度 128 76 150 226 29 105 179 255
Y 取整数+排序得下表
黑 蓝 蓝 红 紫 绿 红 青 紫 黄 黑 绿 青 白 黄 白
Y 0 15 29 38 53 75 76 90 105 113 128 150 179 192 226 255
Y差 15 14 9 15 22 1 13 16 8 15 22 29 13 34 29
Y/8 2 2 1 2 3 0 2 2 1 2 3 4 2 4 4
距离化 ▄◣▄ ▄▄ ▄ ▄▄ ▄ ▄ ▄ ▄ ▄ ▄ ▄ ▄
▌▏▌ ▌▌ ▌ ▌▌ ▌ ▌ ▌ ▌ ▌ ▌ ▌ ▌ ▌
色调:采用色相公式,直接套算好的 (注:亮暗色阶同)
色调 红 黄 绿 青 黑 蓝 白 紫 (注:已排序)
色调 0 40 80 120 160 160 160 200
色调差 40 40 40 40 0 0 40
距离表示 红 黄 绿 青 黑蓝白 紫
XY对照比较:
┌──────────────────────────→亮度(LUV)
│ ▌ ▌


│ ▌ ▌


│ ▌ ▌


色│ ▌ ▌
调│

│ ▌▏▌ ▌ ▌ ▌ ▌


│ ▌ ▌

讨论:单看亮度条, 视觉上亮暗感有点奇怪
▌▏▌ ▌▌ ▌ ▌▌ ▌ ▌ ▌ ▌ ▌ ▌ ▌ ▌ ▌
在XY图检视就还好
XY图‧改(色调做Offset)
┌──────────────────────────→亮度(LUV)

│ ▌ ▌


│ ▌ ▌


色 │ ▌ ▌
调 │

│ ▌▏▌ ▌ ▌ ▌ ▌


│ ▌ ▌


│ ▌ ▌

根据这张图似乎可以写一个程式
将图转换成含亮色色块的ANSI,目前似乎只有转成暗色的
最终色表:(可用于亮暗色配色之参考)
┌───────────────────────────┐
│ ▌ ▌ │
│ ▌ ▌ │
│ ▌ ▌ │
│▌▏▌ ▌ ▌ ▌ ▌ │
│ ▌ ▌ │
│ ▌ ▌ │
└───────────────────────────┘
暗色版
┌───────────────────────────┐
│ ▌ │
│ ▌ │
│ ▌ │
│▌▏▌ ▌ │
│ ▌ │
│ ▌ │
└───────────────────────────┘
使用方式根据色表,选一个颜色做底色ex:红 往左选暗色 往右选亮色=▊▊
参考资料:
YUV公式来源:https://zh.wikipedia.org/wiki/YUV
色相公式来源:https://zh.wikipedia.org/wiki/色相
附录1.
XY图‧改加入错觉色
┌──────────────────────────→亮度(LUV)
│ ▌ ▉▏ ▌

│ ▉▏

│ ▌ ▉▏ ▌

│ ▉▏

色│ ▌ ▉▏ ▌
调│ ▉▏ ▉▏
│ ▉▏
│ ▌▏▌ ▌ ▌ ▉▏ ▌ ▉▏ ▌
│ ▉▏

│ ▌ ▉▏ ▌

│ ▉▏

│ ▌▉▏ ▌
作者: ArtFree (夏天)   2015-10-15 13:45:00
感觉很厉害的一篇,推!!
作者: bnn (前途无亮回头是暗)   2015-10-15 19:11:00
这篇其实很有意思啊...
作者: Lobely (Lobelia)   2015-10-15 20:11:00
详细且严谨有序
作者: Xavy (グルグル回る)   2015-10-15 23:13:00
看起来很厉害,可是我不懂要怎么用!
作者: zxvbnm (倾月墨鬼 玉剑姬)   2015-10-16 11:50:00
不明觉厉
作者: silius (希里)   2015-10-16 23:34:00
看不懂还是要推
楼主: Ahri5566 (阿璃五六)   2015-10-17 22:33:00
配色(主色) 和考虑亮暗(副色) 参考 大概这样用吧
作者: htx9 (蚂蚁)   2015-10-20 06:55:00
喔喔~ 好厉害的感觉~ (⊙o⊙)
作者: smartdry ( )   2015-10-21 17:12:00
快推 不然别人以为我看不懂
作者: abckk (ヽ(゚□。)ノ)   2015-10-24 13:49:00
推推
作者: qwe8526545 (挑战自我)   2015-11-06 09:57:00
好难 = =

Links booklink

Contact Us: admin [ a t ] ucptt.com