マテリアルカラー カラーコード一覧

色

全19色

　状態:- 　閲覧数:727 　投稿日:2018-02-26 　更新日:2018-02-26
Red(赤)
f44336

Pink(ピンク)
E91E63

Purple(紫)
9C27B0

Deep Purple(深紫)
673AB7

Indigo(紺)
3F51B5

Blue(青)
2196F3

Light Blue(ライトブルー)
03A9F4

Cyan(シアン)
00BCD4

Teal(緑青)
009688

Green(緑)
009688

Light Green(ライトグリーン)
4CAF50

Lime(ライム)
8BC34A

Yellow(黄)
FFEB3B

Amber(琥珀)
FFC107

Orange(オレンジ)
FF9800

Deep Orange(ディープオレンジ)
FF5722

Brown(茶)
795548

Grey(グレー)
9E9E9E

Blue Grey(ブルーグレー)
607D8B


・マテリアルカラーをランダムに3色取得
・マテリアルカラーをランダムに3色取得 ／ 重複も許容


黒体 ／ 色温度 ／ D65（6500K）／ D50（5000K）／ K



類似度ページランキング
順位 ページタイトル抜粋 ％
1 カラーコード ／ 色コード 38
2 金融機関ブランドカラー ／ コーポレートカラー 30
3 カラーマネージメント 30
4 コンソールエラー ／ ブラウザ間差異 29
5 色変換コード ／ 確認用 28
6 配色カラー 27
7 モバイル フレンドリー テスト ／ viewport設定 27
8 RGBの種類 ／ ビットカラー 25
9 ブラウザ一覧(公式サイトリンク) 24
10 Chromeブックマーク 運用ルール 23
11 モバイル対応サイトリニューアル仕様案 23
12 サイトにプログラムコードを貼り付ける preタグのCSS 22
13 HTML5でテーブル 22
14 テーブルレスポンシブ 22
15 モバイルデザイン4 ／ スマホメニュー　 22
16 Chromeブックマーク ショートカット 22
17 アンカーポイントの追加 21
18 半透明borderは、16進数カラーコードではなくRBGAを使用 20
19 レスポンシブユーティリティ 20
20 命名規則コーディングルール 20
2021/8/06 2:33 更新
週間人気ページランキング ／ 7-30 → 8-5
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 39
2 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 27
3 RGBの種類 ／ ビットカラー | RGB(色) 23
4 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | 色 22
5 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 21
6 Design 0 17
7 HSLとHSVの違い | 色変換(色) 16
8 「属性」「プロパティ」「アトリビュート」の違い | CSS 13
9 HTML5では、「input 要素」「button 要素」を「フォームタグ」の外で直接記述しても良い | HTML5(HTML) 12
9 使用していないCSSをチェックする、標準的な方法を知りたい | CSS 12
9 コズミックブルーが何色か分からない | 色 12
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 11
10 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 11
10 「bgcolor」「background-color」「background」の違い | CSS 11
10 アドベンチャーゲーム系の素材をどうやって用意するの？ | イラスト素材(デザイン) 11
11 16進数カラーコード ／ 2進数 9
12 画面キャプチャ | Chrome 拡張機能(ブラウザ) 8
13 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 7
13 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 7
13 「line-height」効果を打ち消すスタイルシートは、「line-height:normal; 7
2021/8/6 1:03 更新