「Design 0」カラー

色

目次一覧

　状態:作業中 　閲覧数:2,162 　投稿日: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/7/01 6:34 更新
週間人気ページランキング ／ 6-24 → 6-30
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 13
2 「東京都」のカラーコード取得は難しい | カラーコード(色) 11
3 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 9
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 9
4 RGB ⇔ Lab | 色変換(色) 8
5 鉄道会社毎のカラーコード | カラーコード(色) 7
6 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 5
7 色モデルイメージ図 | 色変換(色) 4
7 RGBの種類 ／ ビットカラー | RGB(色) 4
7 16進数カラーコード ／ 2進数 4
7 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 4
7 utf-8ではなく、UTF-8 | HTML 4
8 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 3
8 「transform:translate3d();」でスマホ実機画面が一瞬だけチラつく → 「backface-visibility:hidden;」指定すると解消される | CSSトラブル対応(CSS) 3
8 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 3
8 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 3
8 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 3
8 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 3
8 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 3
8 Chromeをインストール出来ない | Google Chrome(ブラウザ) 3
2025/7/1 1:01 更新