MicroAd Compass Wipe_Banner - PC/SP-header部、PC/SP-body部セットで設置 - 外部HTML
色彩辞典・日本の色関連ページ目次  
  色彩辞典目次 
  JIS慣用色・和名の147色 
  日本の色147色 - 個別ページ 
  画像で見る日本の色147色 
  重色目・襲色目 
  四十八茶百鼠 
  JIS慣用色・英名の122色 
  JIS慣用色269色・五十音順 
  セーフカラー・カラーネーム 
  カラーパレット & HTMLコード 
  カラーピッカー/セーフカラー 
  2色を混ぜる 
  5色を混ぜる 
  Hex ⇔ CMYK ⇔ RGB相互変換 
  ウェブカラー・コード変換ツール 
  カラーSlider 
  フラット UI カラー（全20色） 
  マテリアル UI カラー（全20色） 
  マテリアル UI カラー（273色） 
  SNS・Webサービスのカラーコード 
  Dreamweaver CC で表示されるカラーネーム 
  RGBとHSL相互変換・CSS用rgb()、hsl()など取得 
  補色を取得し色相環に描画 
 フラット UI Colors  
 マテリアル UI Colors  
 マテリアル 273  
 ソーシャルカラー  
 2色を混ぜて色を作る  
 DW でのカラー  
 RGBとHSLの相互変換  
 マテリアルColors 目次ページへ戻る 

マテリアル UI カラー
Indigo「#3F51B5」近似色
  • このページは、Webサイト作成支援のページです。
  • 枠内をクリックすると、表示されているカラーコードをコピーすることができます。
  • このページのカラーサンプルは「Material Design」を参考にしています。
Indigo 50
#E8EAF6
《コピーする》
Indigo 100
#C5CAE9
《コピーする》
Indigo 200
#9FA8DA
《コピーする》
Indigo 300
#7986CB
《コピーする》
Indigo 400
#5C6BC0
《コピーする》
Indigo 500
#3F51B5
《コピーする》
Indigo 600
#3949AB
《コピーする》
Indigo 700
#303F9F
《コピーする》
Indigo 800
#283593
《コピーする》
Indigo 900
#1A237E
《コピーする》
Indigo A100
#8C9EFF
《コピーする》
Indigo A200
#536DFE
《コピーする》
Indigo A400
#3D5AFE
《コピーする》
Indigo A700
#304FFE
《コピーする》
 目次ページへ戻る 
色彩辞典・日本の色関連ページ目次  
  色彩辞典目次 
  JIS慣用色・和名の147色 
  日本の色147色 - 個別ページ 
  画像で見る日本の色147色 
  重色目・襲色目 
  四十八茶百鼠 
  JIS慣用色・英名の122色 
  JIS慣用色269色・五十音順 
  セーフカラー・カラーネーム 
  カラーパレット & HTMLコード 
  カラーピッカー/セーフカラー 
  2色を混ぜる 
  5色を混ぜる 
  Hex ⇔ CMYK ⇔ RGB相互変換 
  ウェブカラー・コード変換ツール 
  カラーSlider 
  フラット UI カラー（全20色） 
  マテリアル UI カラー（全20色） 
  マテリアル UI カラー（273色） 
  SNS・Webサービスのカラーコード 
  Dreamweaver CC で表示されるカラーネーム 
  RGBとHSL相互変換・CSS用rgb()、hsl()など取得 
  補色を取得し色相環に描画 
スポンサーリンク
スポンサーリンク

おすすめサイト・関連サイト…

スポンサーリンク
Last updated : 2024/06/28
 Copied ! 
 Click to Copy 
© みんなの知識 ちょっと便利帳 - https://www.benricho.org/colors/ui_materialcolors-near05.html