Iris Color Picker: obtenez la couleur sélectionnée en tant que valeur RVB

Question

En utilisant le sélecteur de couleurs Iris, est-il possible d'obtenir la couleur sélectionnée au format RVB? Actuellement, je reçois toujours la couleur sélectionnée en tant que code hexadécimal.

http://automattic.github.io/Iris/

<input class"col-picker"/> 

.... 

$('.col-picker').iris({ 
    mode: 'rgb', // doesn't return colour in rgb 
    change: function(evt, ui) { 

     console.log('colour as rgb', ui.color.toString()); 

     // Above always outputs hex values not rgb 
    } 
}); 

Answer 1

Le plugin Iris utilise Color.js sous le capot, qui comprend à nouveau des outils de conversion des couleurs.

Appel $(elemet).iris('color', true) vous obtenez l'objet Color.js, qui a une méthode toCSS qui renverra la couleur dans la plupart des formats disponibles

$('.col-picker').iris({ 
 
    mode: 'rgb', // doesn't return colour in rgb 
 
    change: function(evt, ui) { 
 
    var color = $(this).iris('color', true).toCSS('rgb'); 
 
    console.log(color) 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet" /> 
 
<script src="https://automattic.github.io/Iris/javascripts/iris.min.js"></script> 
 

 
<input class="col-picker" />