AngularJSでローカルにあるjsonを読み込みたい。

AngularJSで以下の様なローカルに存在するファイルを読み込みたいです。

color.json

[
   {
    "color": "'rgba(255, 23, 68, 0.2)'"
   },
   {
    "color": "'rgba(245, 0, 87, 0.2)'"
   },
   {
    "color": "'rgba(213, 0, 249, 0.2)'"
   }
]

var colors = $resource('./color.json').query();
で読み込んで

console.log(colors)で表示しようとしてもundefinedになってしまいます。
なぜでしょうか