「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



週間人気ページランキング / 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 更新