マテリアル UI カラー（全20色） |
- このページは、Webサイト作成支援のページです。
- 枠内をクリックすると、「#F44336」などのカラーコードをコピーすることができます。
- このページのカラーサンプルは「Material Design」を参考にしています。
Red
#F44336
#F44336
《コピーする》
Pink
#E91E63
#E91E63
《コピーする》
Purple
#9C27B0
#9C27B0
《コピーする》
Deep Purple
#673AB7
#673AB7
《コピーする》
| Red 近似色を見る |
Pink 近似色を見る |
Purple 近似色を見る |
Deep Purple 近似色を見る |
Indigo
#3F51B5
#3F51B5
《コピーする》
Blue
#2196F3
#2196F3
《コピーする》
Light Blue
#03A9F4
#03A9F4
《コピーする》
Cyan
#00BCD4
#00BCD4
《コピーする》
| Indigo 近似色を見る |
Blue 近似色を見る |
Light Blue 近似色を見る |
Cyan 近似色を見る |
Teal
#009688
#009688
《コピーする》
Green
#4CAF50
#4CAF50
《コピーする》
Light Green
#8BC34A
#8BC34A
《コピーする》
Lime
#CDDC39
#CDDC39
《コピーする》
| Teal 近似色を見る |
Green 近似色を見る |
Light Green 近似色を見る |
Lime 近似色を見る |
Yellow
#FFEB3B
#FFEB3B
《コピーする》
Amber
#FFC107
#FFC107
《コピーする》
Orange
#FF9800
#FF9800
《コピーする》
Deep Orange
#FF5722
#FF5722
《コピーする》
| Yellow 近似色を見る |
Amber 近似色を見る |
Orange 近似色を見る |
Deep Orange 近似色を見る |
Brown
#795548
#795548
《コピーする》
Grey
#9E9E9E
#9E9E9E
《コピーする》
Blue Grey
#607D8B
#607D8B
《コピーする》
Black
#000000
#000000
《コピーする》
| Brown 近似色を見る |
Grey 近似色を見る |
Blue Grey 近似色を見る |