「Design 0」カラー

色

目次一覧

　状態:作業中 　閲覧数:2,531 　投稿日:2018-02-26 　更新日:2022-03-19
ここまで
Material Design 2014 年
Material Design → Material Design 3

オリジナルの配色セットを用意 ／参考にするサイトLink

オリジナルの配色セットを用意 ／参考にするサイトLink

　閲覧数:546　投稿日:2020-04-18　更新日:2022-03-19

オリジナルの配色セットを用意


2022 年 3 月 19 日
「Material Design 色」にこだわることなく、オリジナルの配色セットを用意することを決定しました。
「Primary color」は、「Material Design 2014 年」の原色(Primary color)となる濃度500の色は、20 色を参考にします。

2020 年時点
・内容は素晴らしいが、あのGoogleが提唱しているから、という理由だけで、固執する必要はないかも
・自分なりのカラーパターンを探してみることが必要かも

参考にするサイトLink


・Material Design
・Material UI

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



類似度ページランキング
順位 ページタイトル抜粋 ％
1 「Design 0」カラー 100
2 Design系Link 50
3 Material Design 2014 年 46
4 「Create Link」復活 43
5 MediBang Paint 37
6 font-size 36
7 「Twitter Bootstrap」✕「フォーム」 36
8 Responsive Glid 36
9 「ジョジョ顔メーカー1.1」を「Windows 10」で動作させるためには？ 35
10 spacer.gif 35
11 「SRWare Iron」を検討 34
12 History Disabler 34
13 「秀丸」 VS 「Crescent Eve」 34
14 Create Link 33
15 配色カラー 33
16 Font Awesome 4.7.0 32
17 「東京都」のカラーコード取得は難しい 32
18 Crescent Eve 32
19 pagination VS スクロール 31
20 Font Awesome v5.0.8 31
2026/4/18 4:31 更新
週間人気ページランキング ／ 4-10 → 4-16
順位 ページタイトル抜粋 アクセス数
1 Design 0 20
2 拡張機能が Chrome によって無効にされました ／ この拡張機能は破損している可能性があります。 | Chrome 拡張機能 17
3 Chromeシークレットモードで、ウインドウ幅をリサイズしようとすると、下限制限を受ける | Google Chrome(ブラウザ) 16
3 「Default User」を削除したら、既存ブックマークが削除されてしまった！ 16
4 Material Design 2014 年 | Material Design(色) 15
4 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 15
5 Adobe Camera Raw 4.0 | Photoshop 13
6 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 11
7 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 9
8 「東京都」のカラーコード取得は難しい | カラーコード(色) 7
9 Photoshop無料アクションファイル(atn)導入見送り | Photoshop 6
10 「.aiファイル」を下位バージョンで保存するための操作手順 ／ OS 上で「.aiファイル」から「作成したIllustratorバージョン」を確認する方法 ／ 下位バージョンのIllustratorで開く方法 5
10 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 5
10 鉄道会社毎のカラーコード | カラーコード(色) 5
11 画像縦横比の問題 | 画像 4
11 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 4
11 RGBの種類 ／ ビットカラー | RGB(色) 4
12 RGB ⇔ Lab | 色変換(色) 3
12 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 3
12 「bgcolor」「background-color」「background」の違い | CSS 3
2026/4/17 5:05 更新