HTML

<div id="app">
    <fieldset>
      <legend>あなたの好きな色は?</legend>
      <input type="color" v-model="color"> {{color}}<br>
      赤 : <input type="range" v-model.number="red" min="0" max="255">{{red}}<br>
      緑 : <input type="range" v-model.number="green" min="0" max="255">{{green}}<br>
      青 : <input type="range" v-model.number="blue" min="0" max="255">{{blue}}<br>
    </fieldset>

JavaScript

カラーパレットとスライダーの連動