Random color generator

HTML

<div ng-app="ctrl" ng-controller="mindCtrl">
  <div class="box" style="background-color:{{color()}}" ng-click="color()">{{color()}}</div>
  <p>
  Click box to change
  </p>
</div>

CSS

body {
  padding:10px;
  font-family: sans-serif;
}
.box {
  padding:20px 0;
  text-align:center;
  color: #fff;
  cursor: pointer;
}
p { text-align:center; }

JavaScript

angular.module("ctrl", []).controller("mindCtrl", function($scope) {
  function color() {
    var letters = '012345'.split('');
    var color = '#';
    color += letters[Math.round(Math.random() * 5)];
    letters = '0123456789ABCDEF'.split('');
    for (var i = 0; i < 5; i++) {
      color += letters[Math.round(Math.random() * 15)];
    }
    return color;
  }
  
  $scope.color = color;
});