Au sommaire : Couleurs Web-safe, CSS, WLangage et C#

• Un programme WinDev et son source WLangage
• Les couleurs "Web safe"
• Des couleurs "Web-safe" sur le net
• Création d'une couleur "Web-safe"
• Notation hexadécimale simplifiée du CSS
• Rencontre avec C#

Un programme WinDev et son source WLangage à télécharger

Pour ceux qui n'aiment les blablas, allons directement à l'essentiel : Le programme. Il permet de construire des couleurs "Web-safe". Vous choisissez la quantité de rouge de vert et de bleu et le programme affiche la couleur correspondante. Mieux le code CSS de cette couleur est placé dans le presse-papier de Windows. Il est donc prêt à être collé dans votre feuille de style CSS.

Modules à télécharger :

Le programme

Les sources (projet WinDev SafeColor)

Les couleurs "Web safe"

En mélangeant du rouge du vert et du bleu, on peut créer 16.581.375 couleurs différentes. Tous les navigateurs n'affichent pas correctement ces couleurs. Une norme a été établie afin de choisir un sous-ensemble de couleurs, dite "Web-safe". Ces couleurs seront bien rendues par tous les navigateurs. Il y a exactement 216 couleurs Web-safe.

Des couleurs "Web-safe" sur le net

De nombreux sites proposent des palettes de couleurs "Web-safe".

216 Web Safe Color Chart

Browser-safe palette

All You Need To Know About Web Safe Colors

Création d'une couleur "Web-safe"

Pour construire une couleur "Web-safe" on mélange des valeurs fixées de rouge de vert et de bleu. Les valeurs autorisées sont : 0x00, 0x33, 0x66, 0x99, 0xCC et 0xFF soit en décimal 0, 51, 102, 153, 204, 255. Pour représenter une couleur, on écrit d'abord la composante rouge, puis la composante verte, et enfin la composante bleu. Ainsi 0x33FFFF désigne un bleu clair.

Notation hexadécimale simplifiée du CSS

Nous avons utilisé la notation hexadécimale car c'est la notation imposée dans les feuilles de styles CSS. Ainsi dans une feuille de style, le bleu clair pourra être écrit ainsi : #33ffff;. Il existe une notation simplifiée pour les couleurs "Web safe" : un seul symbole est utilisé. Ainsi #33ffff; est simplifié en #3ff;.

Voici un exemple repris dans une feuille de style CSS. La couleur 0xCCFFCC est un gris-vert très clair.

pre.code {background-color: #cfc;}

Rencontre avec C#

Safecolor est un petit programme simple que j'utilise quotidiennement. Il m' fallu moins d'une heure pour le développer en WinDev. A la suite d'une discussion, où j'ai du avouer mon incompétence manifeste et ma méconnaissance concernant .NET et C#, j'ai entrepris de redévelopper ce programme en C#. Cette page résume cette incursion en territoire inconnu http://aaa.windev.free.fr/windev-css/windev-vs-csharp.html .