「Design 0」カラー

目次一覧

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

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

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

 閲覧数:456 投稿日: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



週間人気ページランキング / 12-15 → 12-21
順位 ページタイトル抜粋 アクセス数
1 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 105
2 タグの"submit"属性の見た目を、CSSで変更しようとしてハマる | フォーム(CSS) 11
3 鉄道会社毎のカラーコード | カラーコード(色) 7
4 RGB → HSL を 色モデルで考える | 色変換(色) 6
5 RGB ⇔ Lab | 色変換(色) 4
6 効果を打ち消すスタイルシート | CSS 3
6 FontAwesomeでアイコンが□(四角)になって表示されない Forbidden  | Font Awesome(フォント) 3
6 Chromeをインストール出来ない | Google Chrome(ブラウザ) 3
7 空間的 / 可逆な JPEG ファイルの読み込みは実行されません | Photoshop CS3(Photoshop) 2
7 アクセシビリティ(UI) カテゴリー 2
7 アイコンを「Font Awesome」から変更。→「自分で探したSVG」を「自分のserver」へアップロード | アイコン(デザイン) 2
7 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 2
7 UIテキスト仕様 | UI 2
7 RGB → 色相H … 最大値基準 × 図形 の考え方 | 色変換(色) 2
7 Design 0 2
7 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 2
7 JavaScript in Bootstrap | 2系(Bootstrap) 2
8 RGB → 色相H … 最大値基準 × 増減特性 の考え方 | 色変換(色) 1
8 ライセンス変更 | 画像著作権(画像) 1
8 「属性」「プロパティ」「アトリビュート」の違い | CSS 1
2025/12/22 1:01 更新