黒背景に青文字はやめろ

合同勉強会 in 大都会岡山 -2014 Winter-の発表資料です。
http://gbdaitokai.doorkeeper.jp/events/15289

解説はこっち。
http://blog.eiel.info/blog/2014/12/14/gbdaitokai2014-winter-color/

Transcript

1. ࠇഎܠʹ੨จࣈ͸΍ΊΖ 2014-12-13 ߹ಉษڧձ in େ౎ձԬࢁ -2014 Winter-
2. ͻΉΒ ͱ΋ͻ͜ LTۦಈ։ൃ ͍͢͝޿ౡ
3. Φʔϓϯηϛφʔ2015@޿ౡ 2݄14೔ (౔) http://osh-web.github.io/2015/
4. LTۦಈ։ൃ
5. ຖ݄LT͢Δͭ΋ΓͰ ීஈͷ։ൃΛ͢Δ
6. ͳ͔ͥ?
7. ൃදऀʹͳΔͱษڧʹͳΔ
8. ߟ͑Λ੔ཧ͢ΔͷͰ ษڧʹͳΔ
9. ॳΊͯൃද͢Δਓ͕ ΍Γ͕ͪͳ͜ͱ
10. ࠇഎܠʹ੨จࣈ
11. ࠇഎܠʹ੨จࣈ
12. ·ͱΊ
13. ಡΈͮΒ͍ ͷͰ΍ΊΑ͏
14. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
15. ΋͏ͪΐͬͱ ৄ͘͠
16. ৭ • RGB • ޫͷࡾݪ৭ • ੺ ྘ ੨ • HSB (HSV) • ৭૬ ࠼౓ ໌౓ • HSL (CSS3Ͱ࢖͑Δ) • ৭૬ ࠼౓ ໌౓
17. HSB IUUQXLDVBBDKQdGVKJXBSBJOGPTDJDPMPSNPEFMIUNM
18. HSL IUUQXLDVBBDKQdGVKJXBSBJOGPTDJDPMPSNPEFMIUNM
19. HSB = Hue Saturation Brightness(໌౓) HSL = Hue Saturation Lightness(໌౓)
20. R G B C M Y ໌౓ 100% ͷ৭ (HSLͷ৔߹50%) 0°,100%, 100% 120°,100%, 100% 240°,100%, 100% 180°,100%, 100% 300°,100%, 100% 60°,100%, 100%
21. R G B C M Y ໌౓ 100% ͷ৭ 0°,100%, 50% 120°,100%, 50% 240°,100%, 50% 180°,100%, 50% 300°,100%, 50% 60°,100%, 50%
22. ੨͕ѹ౗తʹಡΊͳ͍
23. ࠇഎܠʹ੨จࣈ
24. നഎܠʹԫจࣈ
25. ·ͱΊ
26. ·ͱΊ • ࠇഎܠʹ੨จࣈ͸΍Ίͱ͚ • ࠇഎܠʹ੺จࣈ͸͓͢͢Ί͠ͳ͍ • നഎܠʹԫจࣈ͸΍Ίͱ͚ • നഎܠʹਫ৭͸͓͢͢Ί͠ͳ͍
27. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
28. ΋͏গ͠ ৄ͘͠
29. ΞΫηγϏϦςΟ
30. JIS X 8341-3:2004 ߴྸऀɾো֐ऀ౳഑ྀઃܭࢦ਑ IUUQXXXKTBPSKQTUE[JOTUBDDPNNJUFFBDD8( %PDTXFCUFDISFQPUFDIOJDBMSFQPSUIUNM+*4$ 5.6.c ϑΥϯτ৭
31. จࣈͷ৭Λࢦఆ͢Δͱ͖͸(தུ) എܠ৭ͱͷίϯτϥετΛे෼ʹͱΔ ※ ߲໨ͷ1ͭʹ ա͗ͳ͍
32. RGBΛYIQ΁ RGBͷͦΕͧΕͷ৭Λ࠷େ஋Λ1ͱ͢Δͱ Y ͷࠩΛ 0.49 Ҏ্ Y = 0.299 * R + 0.587 * G + 0.114 * B
33. ྫࣔ͸ཧղͷࢼۚੴ
34. ྫࣔ͸ཧղͷࢼۚੴ ࠇ 0.299 * 0 + 0.587 * 0 + 0.114 * 0 = 0 ന 0.299 * 1 + 0.587 * 1 + 0.114 * 1 = 1 ੨ 0.299 * 0 + 0.587 * 0 + 0.114 * 1 = 0.114 ࠇഎܠʹ੨ 0.114
35. ੨ͬΆ͍৭Λ࢖͍͍ͨ • ৭૬Λ྘ํ޲΁ • ࠼౓ΛԼ͛Δ
36. G B ৭૬ΛͣΒͯ͠࠼౓ΛԼ͛Δ 120°,100%, 100% 240°,100%, 100% C 180°,100%, 100% B 220°,80%, 100% Y 0.516 Y 0.587 Y 0.114 Y 0.701 ྘΄Ͳݟ͑ͳ͍…
37. ৭૬ΛͣΒ͢ B R G
38. ࠼౓Λམͱ͢ B R G
39. ·ͱΊ
40. Y஋͸໨҆ʹͳΔ͚Ͳ ࣮֬Ͱ͸ͳ͍
41. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
42. ΋͏ͪΐͬͱ
43. ৭ΛܭΔܭث
44. ৭࠼ܭ IUUQJUFNSBLVUFODPKQpSTUTPLVUFJ
45. औಘͰ͖Δ஋ L*a*b* L (໌౓) XYZ Yxy Y (໌౓) (YIQͷYͱ͸ҧ͏΋ͷ)
46. ม׵͢Δʹ͸ L*a*b* XYZ Yxy RGB HSL HSB ϗϫΠτ όϥϯε ޫݯͷӨڹΛड͚Δ
47. RGBͰ͸ දݱͰ͖ͳ͍ੈք͕͋Δ
48. 3DͰ৭ۭؒΛ֬ೝͰ͖Δ ColorSync ϢʔςΟϦςΟ
49. ̮YZ
50. - - B C
51. - - B C
52. IUUQXLDVBBDKQdGVKJXBSBJOGPTDJDPMPSNPEFMIUNM
53. L*a*b* Ͱ ৭૬ͱ࠼౓ LCH
54. LCH › › ›
55. ໌౓Ͱݟ͑΍͢͞Λ֬อ͍ͨ͠
56. R G B C M Y ໌౓70 ࠼౓60 ͋ͨΓ৭Λબ୒ #ff91a7 #87d46f #80c1ff #6cd0dc #e9a7ff #f2e582
57. Ͳͷ৭Ͱ΋ಉ͡ݟ͑΍͢͞ • ίϯτϥετ͸߇͑໨ • Ͱ΋͔ͬ͠ΓͱΔ • Ͳͷจࣈ৭΋ಉఔ౓ͷίϯτϥετΛ֬อ
58. iTerm༻ͷςʔϚʹͯ͠Έͨ https://github.com/eiel/color-schemes/ blob/master/eiel.itermcolors
59. ·ͱΊ
60. ৭೉͍͠
61. Կֶ͔ΜͩΒൃදͯ͠ΈΑ͏
62. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
63. ࢀߟจݙ • JIS X 8341-3:2004ʮߴྸऀɾো֐ऀ౳഑ྀઃܭࢦ਑ʵ৘ใ௨ ৴ʹ͓͚Δػثɼιϑτ΢ΣΞٴͼαʔϏεʵ ୈ̏෦ɿ΢Σϒ ίϯςϯπʯٕज़ղઆɹୈ1.1൛ɹҕһձϫʔΩϯάυϥϑτ • http://www.jsa.or.jp/stdz/instac/commitee-acc/WG2/Docs/ web-tech-repo/technical-report.html • ΢ΣϒίϯςϯπɾΞΫηγϏϦςΟɾΨΠυϥΠϯ 1.0 • http://www.zspc.com/documents/wcag10/
64. ࢀߟจݙ • ৭ͷ૊Έ߹ΘͤΛνΣοΫͯ͠ΈΔ • http://www.kanzaki.com/docs/html/color-check • ΧϥʔίϛϡχέʔγϣϯΨΠυ - ৭Λਖ਼͘͠఻͑Δʹ͸ • http://www.xrite.com/documents/literature/ja/ L10-001_Understand_Color_ja.pdf • ৭৭ࡶֶ • http://www.konicaminolta.jp/instruments/knowledge/ color/index.html
65. ࢀߟจݙ • ৘ใՊֶߨٛࢿྉ • http://w3.kcua.ac.jp/~fujiwara/infosci/index.html • ΤσΟλͷจࣈ৭ʹ೰Ή೔ʑ - CIELCH • http://blog.eiel.info/blog/2013/03/13/cielch/