マテリ〇ルデザイン配色のサンプル
- 3. 欧文フォント:Segoe UI (堅くした場合はTime New Roman)
和文フォント:メイリオ
Grey900
#212121
R:33 G:33 B:33
Gray200
#EEEEEE
R:238 G:238 B:238
※色指定はGoogle謹製”Material Design”準拠:https://www.google.com/design/spec/style/color.html
フォントと背景
Grey700
#616161
R:97 G:97 B:97
基本色テキスト 淡色テキスト 淡色背景
- 4. Red
#d32f2f
R:211 G:42 B:42
Pink
#c2185b
R:194 G:24 B:91
Indigo
#303f9f
R:48 G:63 B:159
LightBlue
#0288d1
R:2 G:136 B:209
Cyan
#0097a7
R:9 G:122 B:112
Green
#388e3c
R:56 G:142 B:60
Orange
#f57c00
R:245 G:124 B:0
DeepOrange
#e64a19
R:230 G:74 B:25
Brown
#5d4037
R:93 G:64 B:55
Grey
#616161
R:97 G:97 B:07
BlueGrey
#455a64
R:69 G:90 B:100
マーク付き:基本色で使用
カラーパレット 700番系(背景:White)
- 5. Red
#d32f2f
R:211 G:42 B:42
Pink
#c2185b
R:194 G:24 B:91
Indigo
#303f9f
R:48 G:63 B:159
LightBlue
#0288d1
R:2 G:136 B:209
Cyan
#0097a7
R:9 G:122 B:112
Green
#388e3c
R:56 G:142 B:60
Orange
#f57c00
R:245 G:124 B:0
DeepOrange
#e64a19
R:230 G:74 B:25
Brown
#5d4037
R:93 G:64 B:55
Grey
#616161
R:97 G:97 B:07
BlueGrey
#455a64
R:69 G:90 B:100
マーク付き:基本色で使用
カラーパレット 700番系(背景:Grey200)