Edit in JSFiddle

var app = angular.module("app",[]);

app.directive("color", function() {
    return {
        restrict: 'E',
        scope: {},
        template: '<input type="text" ng-model="hex"/> {{hex}}'
    }
});

<div ng-app="app">
    Renk-1 <color></color> <br/>
    Renk-2 <color></color> <br/>
    Renk-3 <color></color> <br/>
</div>