「Design 0」カラー

色

目次一覧

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

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

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

　閲覧数:430　投稿日: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/10/09 21:13 更新
週間人気ページランキング ／ 10-2 → 10-8
順位 ページタイトル抜粋 アクセス数
1 「東京都」のカラーコード取得は難しい | カラーコード(色) 12
2 RGB ⇔ Lab | 色変換(色) 9
3 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 6
3 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 6
3 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 6
4 鉄道会社毎のカラーコード | カラーコード(色) 5
5 カラーコード ／ 色コード | カラーコード(色) 4
5 金融機関ブランドカラー ／ コーポレートカラー | カラーコード(色) 4
5 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 4
5 16進数カラーコード ／ 2進数 4
6 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 3
6 色モデルイメージ図 | 色変換(色) 3
6 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 3
7 ログイン 2
7 HSV ／ HSB 2
7 効果を打ち消すスタイルシート | CSS 2
7 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 2
7 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 2
7 RGBの種類 ／ ビットカラー | RGB(色) 2
7 olタグ装飾しようとしたら、「レスポンシブ」と「広告」影響により挫折 | CSS 2
2025/10/9 1:01 更新