「Design 0」カラー

色

目次一覧

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

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

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

　閲覧数:584　投稿日: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/10/13 6:22 更新
週間人気ページランキング ／ 10-6 → 10-12
順位 ページタイトル抜粋 アクセス数
1 Design 0 8
2 「東京都」のカラーコード取得は難しい | カラーコード(色) 5
3 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 4
3 鉄道会社毎のカラーコード | カラーコード(色) 4
4 RGB → 色相H 方式の違い | 色変換(色) 3
5 UI カテゴリー 2
5 GIMP | GIMP 系(ソフトウェア) 2
5 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 2
5 計算方式の違いは色々な設定が可能だから 2
5 いい感じのGIFアニメーションを探してみる … 国内 2
5 早見表 | Illustrator CS3(Illustrator) 2
5 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 2
5 CopyTabTitleUrl | Chrome 拡張機能 2
5 コンソールエラー ／ ブラウザ間差異 | ブラウザ 2
5 jpg画像サイズを下げる | 画像 2
5 textareaを手動リサイズできない時は、ブラウザを落としてみる | Google Chrome(ブラウザ) 2
6 「Firebug Lite for Google Chrome™」アンインストール 1
6 考え方A.長さの比率で角度６０°を分割 ／ R≧G≧B 1
6 画像を小さくトリミングして綺麗にみせるため、PhotoShop CS3 で色調補正する | Photoshop CS3(Photoshop) 1
6 「ボタン」と「テキストリンク」の使い分け | ボタン(UI) 1
2026/10/13 5:05 更新