RVB

Graphisme & illustration

Le RVB (Rouge-Vert-Bleu), appelé RGB en anglais, est le modèle colorimétrique additif utilisé par tous les écrans : chaque pixel combine des sous-pixels rouges, verts et bleus qui, en s’illuminant à différentes intensités (0-255), produisent l’ensemble du spectre visible. Contrairement au CMJN (impression) où les encres absorbent la lumière, le RVB ajoute la lumière ; la “couleur” blanche résulte donc de la somme des trois canaux à pleine puissance. Maîtriser le RVB est indispensable pour le web-design, la vidéo, l’UI mobile ou la photographie numérique : exactitude des teintes, cohérence cross-device et optimisation des performances (poids d’image) en dépendent.‍

Les éléments clés d’un usage RVB efficace‍

  • Espace colorimétrique défini : sRGB (standard web), Adobe RGB (gamme étendue photo), Display P3 (Apple, HDR) selon le support final.
  • Calibration écran : sonde et profil ICC pour afficher fidèlement les R, V, B et éviter les dérives (blanc trop chaud, noir bouché).
  • Profondeur de couleur : 8 bits (16,7 M de couleurs) pour le web, 10 bits ou plus pour la vidéo HDR et le grading.
  • Gestion des profils intégrée : conserver les métadonnées ICC dans les PNG/JPEG/WEBP afin que les navigateurs interprètent correctement les valeurs RVB.
  • Compression intelligente : choisir le format (JPEG « quality » 75-85, PNG-8, WebP lossy) pour réduire le poids tout en respectant la saturation.
  • Cohérence multicanal : convertir en CMJN calibré avant impression pour éviter le rouge qui vire brun ou le bleu qui s’assombrit.
  • Accessibilité & contraste : vérifier le ratio (WCAG 2.1) entre texte et arrière-plan en valeurs RVB pour garantir la lisibilité.‍

Pourquoi bien gérer le RVB ?‍

  • Fidélité visuelle : un logo turquoise doit rester turquoise sur tous les écrans et navigateurs.
  • Optimisation Core Web Vitals : images RVB légères => Largest Contentful Paint plus rapide => meilleur SEO.
  • Expérience utilisateur cohérente : palette homogène entre applis iOS (Display P3) et site desktop (sRGB).
  • Réduction des retours client : moins de “le visuel est trop sombre” ou “le rouge tire sur l’orange”.
  • Productivité créative : workflows photo/vidéo unifiés, export presets adaptés aux réseaux sociaux, au streaming ou à la VR.‍

Petite anecdote RVB

Lors du lancement de la smartwatch Aurora Watch en 2024, le site produit présentait des visuels “Midnight Blue” qui viraient… violet sur certains smartphones. Diagnostic : les mockups avaient été exportés en Display P3 sans profil ICC. Après réexport en sRGB et correction des balises <img> (<link rel="preload" as="image" type="image/webp">), la teinte redevenue fidèle a fait grimper le taux d’ajout au panier de 14 % – preuve qu’entre deux couleurs RVB, la bonne nuance peut valoir de l’or (ou du bleu nuit) !

Découvrir tous nos services pour le graphisme et l'illustration

Update cookies preferences