Qu’est-ce qu’une couleur RGB ?

Les écrans produisent chaque couleur en mélangeant de la lumière rouge, verte et bleue. Une couleur RGB indique l’intensité de chacun de ces trois canaux sous la forme d’un nombre compris entre 0 (éteint) et 255 (intensité maximale) : ainsi, rgb(255, 0, 0) correspond au rouge pur, rgb(0, 0, 0) au noir et rgb(255, 255, 255) au blanc. La même couleur peut être écrite sous forme de code hexadécimal, comme #ff0000, où chaque paire de chiffres hexadécimaux représente un canal.

Description de l’outil

Cet outil vous permet de modifier une couleur canal par canal. Choisissez ou collez une couleur de départ, puis déplacez les curseurs rouge, vert et bleu ou saisissez des valeurs exactes, et observez le résultat évoluer en temps réel. La couleur modifiée est affichée dans les notations utilisées par CSS, les outils de design, les moteurs de jeu et le code de shader, chacune étant prête à être copiée.

Fonctionnalités

  • Modifier les canaux rouge, vert et bleu à l’aide de curseurs ou de nombres exacts compris entre 0 et 255
  • Choisir une couleur ou en coller une au format HEX, RGB, HSL ou dans un autre format pour commencer
  • Obtenir la couleur au format HEX, rgb(), en pourcentages rgb(), sous forme de valeurs normalisées comprises entre 0 et 1, d’entier décimal et d’entier hexadécimal
  • Fonctionne dans votre navigateur

Fonctionnement

Chaque canal est un nombre entier compris entre 0 et 255. Les valeurs en dehors de cette plage sont limitées aux bornes autorisées et les nombres décimaux sont arrondis. Les valeurs normalisées divisent chaque canal par 255, tandis que les formes entières regroupent les canaux dans un seul nombre sur 24 bits, sous la forme 0xRRGGBB.

Conseils

  • Utilisez les valeurs normalisées comprises entre 0 et 1 pour GLSL, HLSL, Unity et les autres API qui acceptent les couleurs sous forme de nombres à virgule flottante.
  • L’entier décimal est le format utilisé par les intégrations Discord ainsi que par certains tableurs et certaines bases de données.