Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
色について色々と #001 - 色は認識するもの
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Chachamaru
June 09, 2016
Design
0
130
色について色々と #001 - 色は認識するもの
社内勉強会用 @LIG Inc.
Chachamaru
June 09, 2016
Tweet
Share
More Decks by Chachamaru
See All by Chachamaru
おねだり企画 #1
chachmaru
0
82
お天気スマホアプリはもう要らない。かも。
chachmaru
0
40
Other Decks in Design
See All in Design
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
230
2026年、デザイナーはなにに賭ける?
0b1tk
0
520
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.1k
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
3
200
CULTURE DECK/Creative Director
mhand01
0
980
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
760
デザインするために「多様性」について考える
iflection
0
240
Diverse Design Team Deck
diverse
0
1.1k
チームをデザイン対象にする / Design for your team
kaminashi
1
920
第18回サイゼミ
lw
1
3.6k
TUNAG BOOK 2024
stmn
PRO
0
1.5k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
visional_engineering_and_design
6
930
Featured
See All Featured
How GitHub (no longer) Works
holman
316
150k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.2k
GitHub's CSS Performance
jonrohan
1032
470k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
120
The Curious Case for Waylosing
cassininazir
0
280
Art, The Web, and Tiny UX
lynnandtonic
304
21k
WENDY [Excerpt]
tessaabrams
9
37k
The Cult of Friendly URLs
andyhume
79
6.8k
Leo the Paperboy
mayatellez
4
1.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
2.5k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Transcript
色について色々と #chchmr #001 色は認識するもの
一次性質 二次性質 広がり、形状、運動 匂い、味、寒暖、色 「二次性質は物質そのもののなかに存在するものではなく、 我々のなかに感覚を生じさせる力にすぎない。」 ジョン・ロック『人間知性論』
色相 明度 彩度 特定の波長に反応するスペクトルの色 白の割合 灰色の割合
色相 Hue JIS規格(JIS Z8721:1993 色の表示方法 -三属性による表示) 赤、橙、黄、黄緑、緑、 青緑、青、青紫、紫、赤紫、 これらの中間色で合わせて20色 イメージを最も表現できる
彩度 Saturation 高ければ鮮やかな色 低ければくすんだ色 最も低ければ無彩色 色の鮮やかさを表す
明度 Brightness 最も明るい色は白 最も暗い色は黒 色の明るさの度合い
一部または全てが反射 目に見える光源 (太陽、ろうそく、電球など)
光スペクトル λ380nm ~ 780nm 赤 外 線 マ イ ク
ロ 波 電 波 γ線 X線 紫 外 線 (可視光線)
S錐体 - 青(短波長) M錐体 - 緑(中波長) L錐体 - 赤(長波長) 第4の光受容体(テトラクロマット)
㐋、赤、オレンジの微妙な色合いの認識能力が高い 錐体
桿状体 かんじょうたい 明暗のみを感知 錐体の数十倍 錐体が反応できない明度でも 桿状体なら対応できる
None
赤の光 緑の光 白の光 レモン 白色 茶色 黄色 ピカソ『青の時代』
黄に黒 白に黒 白に青 白に緑 黄に青 出展 メドウ
色の誘導現象 手術着の緑色 Q.リネンを扱う店の壁 Q. 美容室の壁
None
>>> #002