CSS Les valeurs des couleurs juridiques

Couleurs CSS

Couleurs en CSS peut être précisé par les méthodes suivantes:

• Couleurs hexadécimales
• Couleurs RVB
• Couleurs RGBA
• Couleurs HSL
• Couleurs HSLA
• Prédéfinis / Croix-navigateur de couleur noms

---

Couleurs hexadécimales

Les valeurs hexadécimales de couleur sont pris en charge dans tous les principaux navigateurs.

Une couleur hexadécimal est spécifié avec: # RRVVBB, où le RR (rouge), GG (vert) et BB (bleu) entiers hexadécimaux préciser les composantes de la couleur. Toutes les valeurs doivent être entre 0 et FF.

Par exemple, la valeur # 0000ff est rendu en bleu, parce que la composante bleue est réglé à sa valeur la plus élevée (ff) et les autres sont mis à 0.

Exemple

p
{
background-color:#ff0000;
}

Essayez vous-même »

---

Couleurs RVB

Valeurs de couleurs RVB sont pris en charge dans tous les principaux navigateurs.

Une valeur de couleur RVB est spécifié avec: RVB (rouge, vert, bleu). Chaque paramètre (rouge, vert et bleu) définit l'intensité de la couleur et peut être un nombre entier compris entre 0 et 255, ou une valeur en pourcentage (de 0% à 100%).

Par exemple, le rgb (0,0,255) la valeur est rendu en bleu, car le paramètre bleu est réglé à sa valeur la plus élevée (255) et les autres sont mis à 0.

En outre, les valeurs suivantes définissent la même couleur: rgb (0,0,255) et rgb (0%, 0%, 100%).

Exemple

p
{
background-color:rgb(255,0,0);
}

Essayez vous-même »

---

Couleurs RGBA

Des valeurs de couleur RGBA sont pris en charge dans IE9 +, Firefox 3 +, Chrome, Safari, Opera et en 10 +.

Des valeurs de couleur RGBA sont une extension des valeurs de couleurs RVB avec un canal alpha - qui spécifie l'opacité de l'objet.

Une valeur de couleur RGBA est spécifié avec: rgba (rouge, vert, bleu, alpha). Le paramètre alpha est un nombre compris entre 0.0 (complètement transparent) et 1.0 (complètement opaque).

Exemple

p
{
background-color:rgba(255,0,0,0.5);
}

Essayez vous-même »

---

Couleurs HSL

Des valeurs de couleur HSL sont pris en charge dans IE9 +, Firefox, Chrome, Safari, Opera et en 10 +.

LGV est synonyme de la teinte, la saturation et la luminosité - et représente une représentation cylindrique de coordonnées de couleurs.

Une valeur de couleur HSL est spécifié avec: TSL (teinte, saturation, luminosité).

Hue est une mesure sur la roue chromatique (de 0 à 360) - 0 (ou 360) est rouge, 120 est de couleur verte, 240 est bleu. La saturation est une valeur en pourcentage, de 0% signifie une nuance de gris et de 100% est la couleur. La légèreté est également un pourcentage, 0% est noir, 100% est blanc.

Exemple

p
{
background-color:hsl(120,65%,75%);
}

Essayez vous-même »

---

Couleurs HSLA

Des valeurs de couleur HSLA sont pris en charge dans IE9 +, Firefox 3 +, Chrome, Safari, Opera et en 10 +.

Des valeurs de couleur HSLA sont une extension des valeurs de couleur HSL avec un canal alpha - qui spécifie l'opacité de l'objet.

Une valeur de couleur HSLA est spécifié avec: HSLA (teinte, saturation, luminosité, l'alpha), où le paramètre alpha définit l'opacité. Le paramètre alpha est un nombre compris entre 0.0 (complètement transparent) et 1.0 (complètement opaque).

Exemple

p
{
background-color:hsla(120,65%,75%,0.3);
}

Essayez vous-même »

---

Prédéfinis / Croix-navigateur Couleur noms

147 noms de couleurs sont prédéfinies dans le code HTML et CSS spécification de couleur. Regardez notre tableau de noms de couleurs prédéfinies .