推 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
推 bnn: 這篇其實很有意思啊... 10/15 19:11
推 Lobely: 詳細且嚴謹有序 10/15 20:11
推 Xavy: 看起來很厲害，可是我不懂要怎麼用! 10/15 23:13
明度：採用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)
│ ▌ ▉▏ ▌
│
│ ▉▏
│
│ ▌ ▉▏ ▌
│
│ ▉▏
│
色│ ▌ ▉▏ ▌
調│ ▉▏ ▉▏
│ ▉▏
│ ▌▏▌ ▌ ▌ ▉▏ ▌ ▉▏ ▌
│ ▉▏
│
│ ▌ ▉▏ ▌
│
│ ▉▏
│
│ ▌▉▏ ▌
↓
--
▃▄▅▁▄▅▆▆▅▅▂ω ︳ ║ ▄▄▄ ▄▄▄ ▄▄▄ ▄▄▄ ◢▇▇◥ λ
◢ ▁▂▄▃▂▁ ◤ ︴ ＄ ▄▄▄ ▄▄▄ ▄▄▄ ▄▄▄ ▉ ◢◢ ▏|Ｖ
/▍◤ ▃ ▂ ●▍ ◤ ▎ ︱ ｜ ▄▄▄ ▄▄▄ ▄▄▄ ▄▄▄ ▉ ● ● ▏ㄦ\
／ ◤\◢ ██ ◢ ╮ ▏ ! / ▉◥ □ ◢[八ν
◢ ◥˙▃ ▂ ◢‵／ } ！ 能量角就該把藍讓給中路 阿璃五六●\▅▅▅//_／
▇ㄚ璃 ▇▆▇ 一′ / ／ ▆▅▅▆
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.189.29
※ 文章網址: https://www.ptt.cc/bbs/asciiart/M.1444885728.A.215.html