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

全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



週間人気ページランキング / 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 更新