Plus d’informations sur les couleurs
En savoir plus sur la couleur—de la lumière et de la perception au RVB, CMJN, HSL, hex, cercle chromatique, dégradés et contraste à essayer dans PictorX.
Lumière, yeux et deux façons de mélanger
La couleur n’est pas un vernis posé sur un objet. C’est de la lumière, plus un cerveau qui transforme des longueurs d’onde en rouge, jaune ou bleu-vert. Les écrans ajoutent de la lumière (synthèse additive) : rouge, vert et bleu tendent vers le blanc. L’impression et la peinture retranchent de la lumière (synthèse soustractive) : les encres filtrent, et le mélange va vers le noir. Un néon à l’écran colle rarement au même travail sur papier.
RVB : comment les écrans comptent la couleur
Un pixel sur téléphone ou portable, c’est trois minuscules lampes. Chaque canal est en général stocké de 0 à 255 (huit bits). (0, 0, 0) est noir, (255, 255, 255) blanc, (255, 0, 0) un rouge plein. L’hexadécimal est le même triplet pour le web : #FF0000 est ce rouge, #000000 le noir. On parle encore RVB parce que c’est ce que l’écran émet vraiment.
CMJN : pourquoi l’impression est différente
Les imprimantes posent du cyan, du magenta, du jaune et du noir (K). Elles n’émettent pas de lumière, elles l’absorbent, donc la gamme RVB d’un écran dépasse celle de la plupart des presses CMJN. Un bleu électrique saturé à l’écran s’assombrit souvent sur papier. Passez en CMJN avant de promettre une teinte imprimée, et faites un BAT sur le papier réel. PictorX peut afficher les valeurs CMJN d’une couleur choisie pour montrer l’écart ; ce n’est pas un profil de presse.
HSL et HSV : les molettes du designer
La teinte est la place sur l’arc-en-ciel (0–360°). La saturation, c’est le pur contre le gris. La clarté (HSL) rapproche du blanc ou du noir ; la valeur (HSV) rapproche du noir en gardant la teinte vive jusqu’au bout. On aime HSL et HSV parce que « un peu plus sombre, même orange » est un curseur, pas un pari entre trois nombres RVB.
Hexadécimal et couleurs CSS nommées
L’hex (#RRGGBB, parfois #RGB ou #RRGGBBAA) est le raccourci web du RVB. CSS livre aussi des noms—coral, steelblue, rebeccapurple—liés à des hex fixes. Les noms aident à croquer ; l’hex (ou une fonction CSS moderne) est ce que vous livrez quand la marque doit coller.
Le cercle chromatique et les rapports
Un cercle chromatique range les teintes en rond. Rapports classiques : les complémentaires sont opposées (bleu et orange) et contrastent fort ; les analogiques sont voisines et liées ; les triadiques sont à trois pas égaux et restent vives ; le split-complémentaire prend une teinte plus les deux à côté de son opposé, du contraste avec moins de choc ; le monochrome est une teinte à plusieurs clartés. Le générateur de palettes PictorX garde aujourd’hui complémentaire, analogique et monochrome. Le cercle explique encore le reste du jeu classique, même si un outil n’offre pas chaque harmonie.
Dégradés : des chemins entre les couleurs
Un dégradé est un mélange le long d’un chemin. Linéaire va dans une direction ; radial grandit depuis un centre. Les stops épinglent des couleurs exactes. Plus de stops, c’est plus de contrôle, pas automatiquement plus de goût. En CSS, linear-gradient et radial-gradient sont la même idée. L’éditeur de dégradés PictorX permet de glisser les stops et de copier CSS, HEX, RVB, HSL, HSV ou CMJN.
Contraste, accessibilité, chaud et froid
Le contraste, c’est l’écart de clarté (et de teinte) entre deux couleurs. WCAG demande assez de contraste pour que le texte reste lisible : environ 4,5:1 pour le texte courant et 3:1 pour le grand texte au niveau AA. C’est un plancher, pas un style. Les teintes chaudes (rouges, orangés, jaunes) semblent plus proches ; les froides (bleus, verts, violets) reculent. Le contraste sert au texte et à l’UI ; le chaud et le froid, à l’ambiance.
Outils couleur dans PictorX
Le cercle chromatique sert à choisir une teinte et à lire les harmonies. L’éditeur de dégradés, aux mélanges et au CSS. Le générateur de palettes construit, verrouille et mélange des jeux—et peut extraire des couleurs d’une photo. Le transfert de couleur restyle une image avec la palette d’une autre, dans le navigateur. Les effets couleur poussent une photo vers des teintes et d’autres looks. Rien de tout cela ne remplace une presse ou un spectrophotomètre ; c’est une façon rapide de voir comment la couleur se comporte sur une image.
Questions fréquemment posées
Quelle est la différence entre RVB et CMJN ?
Le RVB est de la lumière additive à l’écran (souvent 0–255 par canal). Le CMJN est de l’encre soustractive sur papier. Les gammes diffèrent, donc une couleur écran ne s’imprime souvent pas à l’identique.
Que signifie complémentaire sur un cercle chromatique ?
Les complémentaires sont opposées. Ensemble elles contrastent fort. Le générateur de palettes PictorX peut construire un jeu complémentaire à partir d’une couleur de départ.
Pourquoi les designers utilisent-ils HSL plutôt que RVB ?
Teinte, saturation et clarté collent à la façon dont on parle de la couleur. On peut assombrir un orange en HSL sans le brunir par accident, comme le ferait un réglage RVB naïf.
Combien de contraste exige WCAG ?
Pour AA, environ 4,5:1 pour le texte courant et 3:1 pour le grand texte. Vérifiez le caractère sur son vrai fond, pas seulement sur un nuancier.
Outils associés
Roue chromatique
Choisissez une couleur sur une roue interactive, générez des palettes complémentaires, analogues, triadiques et autres, et copiez HEX, RVB, HSL, HSV ou CMJN. Rien n'est téléchargé.
Éditeur de dégradé
Créez des dégradés CSS linéaires et radiaux dans votre navigateur. Faites glisser les arrêts, réglez l’angle et copiez CSS, HEX, RVB, HSL, HSV ou CMJN. Rien n’est téléversé.
Générateur de palettes de couleurs
Créez, verrouillez et mélangez des palettes dans le navigateur. Copiez HEX, variables CSS ou JSON, exportez PNG ou SVG, et extrayez les couleurs d’une photo. Rien n’est téléversé.
Transfert de couleurs
Recolorez une photo avec les couleurs d’une seconde image. Aperçu en direct dans le navigateur, curseur d’intensité et luminosité conservée en option. Rien n’est téléversé.
Filtres rêve électrique
Offrez à vos photos une métamorphose cinématographique via Effets → Couleur. Utilisez PictorX gratuitement dans votre navigateur, sans installer de logiciel.
Prêt à l'essayer ?
Ouvrez PictorX dans votre navigateur – aucune installation, aucune carte de crédit requise pour démarrer.
Essayer le cercle chromatique