Publié le 03/11/2010
Auteur fobec
Réseaux sociaux
0 partages
0 tweets
0 plus
0 commentaires

Convertir une couleur RGB en valeur hexadecimal et vice versa

Le codage d'une couleur peut prendre les formats suivants:
-> hexadécimal : utilisé en HTML et CSS, exemple #0000FF est une couleur bleu,
-> RGB (Red Blue Green): permet de définir une couleur en PHP, exemple RGB(0,0,255) est la même couleur bleu.

Passer d'un format RGB au hexa

Dans le format RGB, les trois valeurs,comprises entre 0 et 255, représentent le dosage du rouge, du vert et du bleu. Lorsque l'on utilise le format hexadécimal, le principe des 3 couleurs primaires reste le même, les valeurs sont indiquées sous forme hexadécimal.
<?
/**
 * Convertir une couleur RGB en valeur HTML/hexadecimal
 */
class ColorConverter {
    /**
     * Obtenir la valeur hexadecimal d'une couleur
     * @param array $rgb array[R, G, B]
     * @return string
     */
    public static function toHTML(array $rgb) {
        $hexcolor = '#';
        for($i=0; $i<3; $i++) {
            if( ($rgb[$i] > 255) || ($rgb[$i] < 0) ) {
                echo "Error bad value :".$rgb[$i];
                $hexcolor .= '00';
            } else {
                $hex = dechex($rgb[$i]);
                if(strlen($hex) ==2) {
                    $hexcolor.= $hex;
                } else {
                    $hexcolor .= "0". $hex;
                }
            }
        }
        return $hexcolor;
    }
 
    /**
     * Extraire les byte RGB d'une couleur format HTML
     * @param String $hex
     * @return array $rgb array[R, G, B]
     */
    public static function toRGB($hex) {
        if (strlen($hex)==7) { //enlever #
            $hex=substr($hex, 1);
        }
 
        $rgb=array();
        $rgb[]=hexdec(substr($hex,0,2));
        $rgb[]=hexdec(substr($hex,2,2));
        $rgb[]=hexdec(substr($hex,4,2));
        return $rgb;
    }
}
?>

Exemple de conversion de couleur

Ci-dessous un exemple de conversion des composantes couleur du RGB vers l'hexa et inversement.
<?
/**
 * Exemples
 */
//la couleur HTML d'une vert clair
$hexcolor=ColorConverter::toHTML(array(102,255,51));
echo 'Valeur hexadecimal pour RGB(102,255,51): '.$hexcolor;
 
//composante RGB d'une couleur
$rgb=ColorConverter::toRGB('#66ff33');
echo '<br>Composantes RGB de #66ff33 sont: R'.$rgb[0]
        .' G'.$rgb[1].' B'.$rgb[2];
?>

Résultats:
Valeur hexadecimal pour RGB(102,255,51): #66ff33
Composantes RGB de #66ff33 sont: R102 G255 B51

La class facilite le travail avec les couleurs de manière à avoir toujours le même dosage entre vert, rouge et bleu. En effet, dans un projet de site internet, les couleurs sont surtout utilisées dans la feuille de style et dans une image crée avec la librairie GD. Pour jongler entre les formats RGB et hexadécimal, rien de tel qu'une class de conversion.

Ajouter un commentaire

Les champs marqués d'un * sont obligatoires, les adresses emails se sont pas publiées.

A lire aussi

Réseaux sociaux
Présentation de l'article
Catégorie
php5 - class
Mise a jour
03/11/2010
Visualisation
vu 3496 fois
Public
Internaute
Auteur de la publication
Fobec
Admin
Auteur de 264 articles
|BIO_PSEUDO|
Commentaires récents

Publié par Verkork dans java

Le probleme c'est que ce code ne convient pas quand une partie de la page est dynamique, ie qu'elle est rafraichit toutes les minutes par exemple. Par exemple pour une telle page, c'est...

Publié par fobec dans logiciel

MAJ: migration vers GoogleMap V3 de la carte

Publié par leflo dans php5

Bonjour
Sans parler du fait que l'IP peut ne pas vouloir dire grand chose, en cas de proxy/translation comment on fait? On voit pas et on interdit tout meme si l'utilisateur n'est pas responsa...

Publié par Anis Hidouri dans java

Très bon exemple même si le drivers jdbc comporte quelques erreurs !!!

Publié par Fobec dans tuto

Les liens vers les feuilles de style sont definis dans le template. L'emplacement sur le FTP depend du CMS utilise, par exemple sous WordPress les fichiers sont dans le dossier '/wpcontent/themes'