Nomination et couleurs

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Tutoriel Nomination et couleurs

Message par Shadow le Ven 20 Fév 2015 - 15:38

Nomination et couleurs

Les couleurs sont régulièrement utilisées dans le panneau d'administration. Bordures, textes, fonds, tout y passe. On a parfois du mal à s'y retrouver avec les différents types de couleur utilisables dans le milieu du codage (HTML et CSS).

Ce tutoriel vous exposera les trois façons possibles pour exprimer une couleur.

Les noms


Il est possible d'exprimer une couleur de la manière la plus simple qui soit : son nom.

Warning Attention: il faudra le faire en anglais

Voici une liste des couleurs les plus fréquentes:


Exemple:

Code:
<font color="blue">Texte</font>

Rendu :

Voici une liste plus charnue de w3schools de tous les noms de couleurs avec leurs équivalents hexadécimaux (voir plus bas): HTML Color Names

Les couleurs RVB


Le système de nomination RVB ((rouge-vert-bleu ou RGB pour red-green-blue en anglais) est basé sur le principe de la synthèse additive. En synthèse additive, on dit que le rouge, le vert et le bleu sont les couleurs primaires: leur addition tend vers le blanc.

On indique donc dans la nomination le poids du rouge, du vert et du bleu (ordre conservé).


Voici, par exemple, un générateur de couleurs et des palettes : Code couleur RVB

Pour utiliser les codes, il suffit de préciser "rgb" avant les trois nuances : "(1, 2, 3)".

Exemple :

Code:
<font color="rgb(136, 66, 29)">Texte</font>

Rendu :

Les codes hexadécimaux


Ils sont en somme une version convertie du RGB mais bien plus utilisée car moins encombrante et encore plus précise. Ils se composent de six chiffres indiquant les nuances.

Site de ressource notable : code-couleur.com

Exemple :

Code:
<font color="#40A497">Texte</font>

Rendu :



Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Shadow
Adminactive
Adminactive

Féminin
Messages : 23966
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum