Le blog d'Olivier FAURAX

Le projet Freedesktop.org vise à favoriser la compatibilité entre les bureaux libres. Le but est d'unifier les interfaces et les composants communs, pour éviter de dupliquer le travail et permettre la bonne intégration des logiciels sur tous les bureaux.

Tango, l'un des sous-projets, fournit un style et des icônes unifiés pour les applications libres. GNOME, Gimp et OpenOffice.org utilisent d'ailleurs ces icônes pour leur interface (au moins sur ma machine Linux).

Le plus intéressant dans ce projet, c'est surtout que le site web de Tango fournit plusieurs éléments pour faire soi-même les icônes. Il y a des tutoriels vidéos, mais surtout la palette de couleurs qui sert de base à la création des icônes.

Cependant, les couleurs ne sont fournies qu'en RGB. J'ai écrit récemment dans un billet tout le bien que je pensais des couleurs HSL, et ce serait dommage de ne pas en profiter.

Voici donc la palette Tango en HSL, notation CSS.

Butter :

• hsl(53, 96.6%, 64.9%)
• hsl(53, 100.0%, 46.5%)
• hsl(48, 100.0%, 38.4%)

Orange :

• hsl(35, 96.9%, 61.6%)
• hsl(29, 100.0%, 48.0%)
• hsl(26, 100.0%, 40.4%)

Chocolate :

• hsl(36, 73.7%, 67.3%)
• hsl(36, 83.8%, 41.2%)
• hsl(37, 97.2%, 28.4%)

Chamelon :

• hsl(90, 75.0%, 54.5%)
• hsl(90, 81.0%, 45.5%)
• hsl(90, 92.5%, 31.4%)

Sky Blue :

• hsl(210, 49.2%, 62.9%)
• hsl(213, 51.9%, 42.4%)
• hsl(215, 61.7%, 32.7%)

Plum :

• hsl(306, 21.9%, 58.8%)
• hsl(291, 21.2%, 39.8%)
• hsl(287, 31.6%, 30.4%)

Scarlet Red :

• hsl(360, 86.1%, 54.9%)
• hsl(360, 100.0%, 40.0%)
• hsl(360, 100.0%, 32.2%)

Aluminium :

• hsl(60, 5.6%, 92.9%)
• hsl(90, 9.1%, 82.7%)
• hsl(85, 5.0%, 72.7%)
• hsl(84, 2.1%, 53.1%)
• hsl(90, 2.4%, 33.3%)
• hsl(195, 8.0%, 19.6%)

Pour tout avouer, j'en ai eu besoin moi-même, pour pouvoir manipuler des couleurs en Javascript : avec les couleurs HSL, il est plus facile de faire varier seulement la luminosité d'une couleur.