Convertir les couleurs en Javascript - Les cours javascript

Introduction

Infos

Suite à la création des propriétés CSS en Javascript, je me suis aperçu que les navigateurs ne renvoyaient pas les mêmes formats de couleurs. J'ai donc créé un convertisseur Javascript de couleurs (source js) qui va vous permettre de convertir la couleur renvoyée par le navigateur au format voulu.
Ce convertisseur Javascript de couleurs vous donne le choix de travailler soit en :

• hexadécimal,
• rgb(),
• hsl().

Je vous invite avant, à aller voir les différents formats de couleurs possible en CSS.

Si vous avez besoin juste besoin de connaitre l'équivalence d'une couleur dans un autre format, vous pouvez utiliser Convertisseur de couleurs.

Utilisation de colorConvertor

Convertir une couleur en hexadécimal

Pour convertir un format de couleur toujours au format hexadécimal, vous devez utiliser la méthode toHexa() de colorConvertor.
La méthode toHexa(sColor, bSupAlpha) accepte comme paramètres :

• sColor, couleur au format Rgb(), Hsl() ou Hexadécimal, les formats alpha sont autorisés.
• bSupAlpha, boolean si true supprime les valeurs alpha. Optionnel, false si omis.

La méthode toHexa() renvoie une valeur de couleur au format Hexadécimal.

colorConvertor.toHexa("#FFB6C1");
colorConvertor.toHexa("#80FFB6C1");
colorConvertor.toHexa("rgb(255, 182, 193)");
colorConvertor.toHexa("rgb(255, 182, 193, 0.5)");
colorConvertor.toHexa("hsl(351, 100%, 86%)");
colorConvertor.toHexa("hsl(351, 100%, 86%, 0.5)");

Convertir une couleur en Rgb()

Pour convertir un format de couleur toujours au format Rgb(), vous devez utiliser la méthode toRgb() de colorConvertor.
La méthode toRgb(sColor, bSupAlpha) accepte comme paramètres :

• sColor, couleur au format Rgb(), Hsl() ou Hexadécimal, les formats alpha sont autorisés.
• bSupAlpha, boolean si true supprime les valeurs alpha. Optionnel, false si omis.

La méthode toRgb() renvoie une valeur de couleur au format Rgb.

colorConvertor.toRgb("#FFB6C1");
colorConvertor.toRgb("#80FFB6C1");
colorConvertor.toRgb("rgb(255, 182, 193)");
colorConvertor.toRgb("rgb(255, 182, 193, 0.5)");
colorConvertor.toRgb("hsl(351, 100%, 86%)");
colorConvertor.toRgb("hsl(351, 100%, 86%, 0.5)");

Convertir une couleur en Hsl()

Pour convertir un format de couleur toujours au format Hsl(), vous devez utiliser la méthode toHsl() de colorConvertor.
La méthode toHsl(sColor, bSupAlpha) accepte comme paramètres :

• sColor, couleur au format Rgb(), Hsl() ou Hexadécimal, les formats alpha sont autorisés.
• bSupAlpha, boolean si true supprime les valeurs alpha. Optionnel, false si omis.

La méthode toHsl() renvoie une valeur de couleur au format Hsl().

colorConvertor.toHsl("#FFB6C1");
colorConvertor.toHsl("#80FFB6C1");
colorConvertor.toHsl("rgb(255, 182, 193)");
colorConvertor.toHsl("rgb(255, 182, 193, 0.5)");
colorConvertor.toHsl("hsl(351, 100%, 86%)");
colorConvertor.toHsl("hsl(351, 100%, 86%, 0.5)");