青 ／ Material UI Colors ／ Flat UI Colors

色 ＞ 色変換

Material UI Colors

　状態:確認中 　閲覧数:2,249 　投稿日:2016-04-20 　更新日:2016-11-13
Blue
#2196F3

Light Blue
#03A9F4

Flat UI Colors


Belizehole
#2980b9

Peterriver
#3498db



・Googleのマテリアルデザインで使える色が並び、クリック一発でカラーコードのコピーも可能な「Material UI Colors」
・Flat UI Colors の色指定はどこで定義されているのでしょうか？

#2196F3

　閲覧数:663　投稿日:2016-04-20　更新日:2016-04-20

#2196F3


一覧表
Hexadecimal 2196F3
RGB Decimal 33, 150, 243
HSL 207°, 90%, 54%
HSV 207°, 86%, 95%
CMYK 86.4%, 38.3%, 0%, 4.7%
XYZ 27.711, 28.607, 88.855
xyY 0.191, 0.197, 28.607
CIE-LAB 60.433, 2.091, -55.116
CIE-LCH 60.433, 55.156, 272.173
Hunter-Lab 53.486, -1.118, -61.0583


RGB → HSL

RGB ⇔ HSV



類似度ページランキング
順位 ページタイトル抜粋 ％
1 青 ／ Material UI Colors ／ Flat UI Colors 41
2 CopyTabTitleUrl 33
3 History Disabler 33
4 Illustrator Fireworks 対応バージョン比較 31
5 Material Design 2014 年 30
6 Bootstrap 2.0 × Google MAP API 29
7 「Illustrator CS3」で出力範囲指定 29
8 Illustrator CS3でのJavaScript実行方法 29
9 Create Link 28
10 「Illustrator CS2」「Fireworks 8」「Photoshop CS2」比較 28
11 Illustrator 2 で作成したデータを、Fireworks 8 で読み込む 28
12 Chrome ブラウザで画像の DataURI を取得 27
13 Twitter Bootstrap 1.4 27
14 Twitter Bootstrap 2.0 27
15 CSS Transforms Module Level 1 26
16 CSS Flexible Box Layout Module Level 1 26
17 「Create Link」復活 26
18 Create Link 再設定 26
19 名前付き色(Named Colors) の仕様 26
20 「Invalid property value.」遭遇事例一覧 26
2026/4/18 20:19 更新
週間人気ページランキング ／ 4-11 → 4-17
順位 ページタイトル抜粋 アクセス数
1 Design 0 21
2 「Default User」を削除したら、既存ブックマークが削除されてしまった！ 18
3 Chromeシークレットモードで、ウインドウ幅をリサイズしようとすると、下限制限を受ける | Google Chrome(ブラウザ) 16
4 Material Design 2014 年 | Material Design(色) 15
5 Illustratorでaiファイルを保存する際、下位バージョンでも開けるよう保存する | Illustrator CS3(Illustrator) 14
6 Adobe Camera Raw 4.0 | Photoshop 13
6 拡張機能が Chrome によって無効にされました ／ この拡張機能は破損している可能性があります。 | Chrome 拡張機能 13
7 CSSだけで、任意の要素に配置した画像を画面一杯に表示することは、基本的には出来ない。「img src」「背景画像」「div要素」何れの場合でも。可能なのは、特殊な要件が重なった場合だけ | CSS 10
8 「.aiファイル」を下位バージョンで保存するための操作手順 ／ OS 上で「.aiファイル」から「作成したIllustratorバージョン」を確認する方法 ／ 下位バージョンのIllustratorで開く方法 9
9 「東京都」のカラーコード取得は難しい | カラーコード(色) 8
9 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 8
10 Photoshop無料アクションファイル(atn)導入見送り | Photoshop 7
11 キャラクター無料作成ジェネレーター ／ FLASH ／ オンラインサービス | イラスト参考(デザイン) 5
11 「文春オンライン」に掲載されている画像を「Google Chrome」ブラウザでダウンロードするためには、chrome拡張機能「Absolute Enable Right Click & Copy」を使用します。 | 画像 5
11 鉄道会社毎のカラーコード | カラーコード(色) 5
12 RGBの種類 ／ ビットカラー | RGB(色) 4
13 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 3
13 画像縦横比の問題 | 画像 3
13 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 | Chrome 拡張機能 3
13 「bgcolor」「background-color」「background」の違い | CSS 3
2026/4/18 5:05 更新