「Design 0」カラー

色

目次一覧

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

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

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

　閲覧数:401　投稿日: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
2025/6/22 2:07 更新
週間人気ページランキング ／ 6-15 → 6-21
順位 ページタイトル抜粋 アクセス数
1 鉄道会社毎のカラーコード | カラーコード(色) 9
2 「東京都」のカラーコード取得は難しい | カラーコード(色) 8
3 RGBの種類 ／ ビットカラー | RGB(色) 7
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 7
4 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 6
4 Design 0 6
4 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 6
5 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 5
6 効果を打ち消すスタイルシート | CSS 4
6 RGB ⇔ Lab | 色変換(色) 4
6 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 4
6 「bgcolor」「background-color」「background」の違い | CSS 4
6 utf-8ではなく、UTF-8 | HTML 4
7 色モデルイメージ図 | 色変換(色) 3
7 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 3
7 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 3
7 Bookmarks clean up | Chrome 拡張機能 3
8 カラーコード ／ 色コード | カラーコード(色) 2
8 自由変形ツール | Illustrator CS3(Illustrator) 2
8 「油彩画」画像フィルタ実行例 | 画像フィルタ(画像) 2
2025/6/22 1:01 更新