作者Ahri5566 (阿狸五五六六)
看板asciiart
标题[其他] ANSI色彩 学习笔记
时间Thu Oct 15 13:08:42 2015
明度:采用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)
│
▌ ▉▏ ▌
│
│
▉▏
│
│
▌ ▉▏ ▌
│
│
▉▏
│
色│
▌ ▉▏ ▌
调│
▉▏ ▉▏
│
▉▏
│ ▌▏
▌ ▌ ▌ ▉▏ ▌
▉▏ ▌
│
▉▏
│
│
▌ ▉▏ ▌
│
│
▉▏
│
│
▌▉▏ ▌
↓
--
▃▄▅▁▄▅▆▆▅▅▂ω ︳ ║ ▄▄▄ ▄▄▄ ▄▄▄ ▄▄▄ ◢▇▇◥ λ
◢ ▁▂▄▃▂▁ ◤ ︴ $ ▄▄▄ ▄▄▄ ▄▄▄ ▄▄▄ ▉ ◢◢
▏|V
/▍◤ ▃ ▂ ●▍ ◤ ▎ ︱ | ▄▄▄ ▄▄▄ ▄▄▄ ▄▄▄ ▉ ● ● ▏ㄦ\
/ ◤\◢ ██ ◢ ╮ ▏ ! / ▉◥
□ ◢[八ν
◢
◥˙▃ ▂ ◢‵/ } ! 能量角就该把蓝让给中路 阿璃五六●\▅▅▅//_/
▇ㄚ璃 ▇▆▇ 一′ / / ▆▅▅▆
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.224.189.29
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/asciiart/M.1444885728.A.215.html
1F:推 ArtFree: 感觉很厉害的一篇,推!! 10/15 13:45
※ 编辑: Ahri5566 (36.224.189.29), 10/15/2015 13:58:04
※ 编辑: Ahri5566 (36.224.189.29), 10/15/2015 15:17:49
2F:推 bnn: 这篇其实很有意思啊... 10/15 19:11
3F:推 Lobely: 详细且严谨有序 10/15 20:11
4F:推 Xavy: 看起来很厉害,可是我不懂要怎麽用! 10/15 23:13
5F:推 zxvbnm: 不明觉厉 10/16 11:50
6F:推 silius: 看不懂还是要推 10/16 23:34
7F:→ Ahri5566: 配色(主色) 和考虑亮暗(副色) 参考 大概这样用吧 10/17 22:33
8F:推 htx9: 喔喔~ 好厉害的感觉~ (⊙o⊙) 10/20 06:55
9F:推 smartdry: 快推 不然别人以为我看不懂 10/21 17:12
10F:推 abckk: 推推 10/24 13:49
11F:→ qwe8526545: 好难 = = 11/06 09:57