HEX à RGBA

Comparez HEX à RGBA

Dans la plupart des cas, il est possible de reconnaître une couleur par un code hexadécimal, en ne tenant compte que des premiers chiffres des paires. Dans l'exemple ci-dessous, il est clair que la couleur est mélangée avec beaucoup de rouge, un peu de bleu et pas du tout de vert. Comprendre la couleur par code hexadécimal permet à un concepteur Web de naviguer plus rapidement dans le code de la page, et en plus, vous pouvez toujours impressionner vos collègues ou clients en disant Ah, quelle merveilleuse nuance de bordeaux. Vous pouvez également modifier facilement la luminosité, la teinte ou la saturation d'une couleur en modifiant uniquement son code hexadécimal. Dans le premier exemple ci-dessous, l'une des paires est modifiée par incréments de 10%, tandis que la luminosité des couleurs augmente. Dans le deuxième exemple, la luminosité augmente, mais la saturation diminue:

RGBA est une version étendue de RVB, mais avec un support supplémentaire pour le canal alpha, qui est responsable de la transparence du remplissage de couleur. Pour ce modèle de couleur, quatre coefficients sont déjà indiqués, dont le dernier est un nombre fractionnaire compris entre 0, où 0 est une transparence totale à 1, ce qui correspondra à une couleur complètement opaque. Le système RGBA ajoute un autre nombre qui décrit la transparence de la couleur, la valeur peut aller de 0 (complètement transparent) à 1 (complètement opaque). Une valeur de 0,5 rend la couleur semi-transparente, considérez une version semi-transparente de violet foncé, spécifiée à l'aide du système RGBA: color: rgba (204, 51, 255, 0.5). Vous pouvez voir que les valeurs du rouge, du vert et du bleu sont similaires à celles du système RVB. Le quatrième nombre - 0,5 est le degré de transparence. Les couleurs RGBA sont utiles pour créer des éléments translucides qui rendent visibles les éléments situés en dessous.