{"id":3101,"date":"2021-05-28T22:00:07","date_gmt":"2021-05-28T20:00:07","guid":{"rendered":"https:\/\/beink.keekee.studio\/barioler-avec-harmonie\/"},"modified":"2024-06-29T16:34:54","modified_gmt":"2024-06-29T14:34:54","slug":"barioler-avec-harmonie","status":"publish","type":"post","link":"https:\/\/www.beink.fr\/en\/barioler-avec-harmonie\/","title":{"rendered":"Barioler avec harmonie"},"content":{"rendered":"<div id=\"pl-965\" class=\"panel-layout\">\n<div id=\"pg-965-0\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-0-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-0-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"0\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h3>Un peu de physique et de biologie : les 3 caract\u00e9ristiques de la couleur<\/h3>\n<h4>La luminosit\u00e9<\/h4>\n<p>(brightness ou value en anglais)<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-1\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-1-0\" class=\"panel-grid-cell\" data-weight=\"0.6\">\n<div id=\"panel-965-1-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"1\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Si nous voyons un objet, c\u2019est gr\u00e2ce \u00e0 la lumi\u00e8re qui part de cet objet et arrive \u00e0 notre \u0153il. Sans lumi\u00e8re, nous ne voyons rien. Cette lumi\u00e8re peut \u00eatre \u00e9mise par l\u2019objet lui-m\u00eame (c\u2019est le cas du filament d\u2019une ampoule, du soleil et des \u00e9toiles par exemple), ou alors r\u00e9fl\u00e9chie (la lune par exemple n\u2019est visible que parce qu\u2019elle est \u00e9clair\u00e9e par le soleil, et la plupart des objets qui entourent notre quotidien n\u2019\u00e9mettent pas non plus de lumi\u00e8re, mais nous les voyons gr\u00e2ce \u00e0 la lumi\u00e8re qu\u2019ils r\u00e9fl\u00e9chissent).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pgc-965-1-1\" class=\"panel-grid-cell\" data-weight=\"0.4\">\n<div id=\"panel-965-1-1-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"2\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-01.png\" \/><\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-2\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-2-0\" class=\"panel-grid-cell\" data-weight=\"0.5\">\n<div id=\"panel-965-2-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"3\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-02.png\" \/><\/div>\n<\/div>\n<div id=\"pgc-965-2-1\" class=\"panel-grid-cell\" data-weight=\"0.5\">\n<div id=\"panel-965-2-1-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"4\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Une couleur claire a une luminosit\u00e9 plus grande qu\u2019une couleur fonc\u00e9e. La luminosit\u00e9 d\u2019une couleur correspond donc \u00e0 la quantit\u00e9 de lumi\u00e8re blanche r\u00e9fl\u00e9chie par cette couleur. Si toute la lumi\u00e8re blanche est r\u00e9fl\u00e9chie, l\u2019objet sera blanc, alors qu\u2019au contraire s\u2019il ne refl\u00e8te aucune lumi\u00e8re, il sera noir. La difficult\u00e9 dans l\u2019appr\u00e9ciation de la luminosit\u00e9 d\u2019une couleur est de parvenir \u00e0 faire abstraction de sa saturation et de sa teinte. Biologiquement, au sein de notre \u0153il, les cellules qui sont sp\u00e9cialis\u00e9es dans la perception de la luminosit\u00e9 s\u2019appellent les b\u00e2tonnets.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-3\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-3-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-3-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"5\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>La teinte<\/h4>\n<p>(hue en anglais).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-4\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-4-0\" class=\"panel-grid-cell\" data-weight=\"0.45\">\n<div id=\"panel-965-4-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"6\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>La teinte est r\u00e9git par la longueur d\u2019onde dominante de la lumi\u00e8re re\u00e7ue par notre \u0153il (donc \u00e9mise ou refl\u00e9t\u00e9e par un objet que nous voyons). Cette longueur d\u2019onde fait partie du spectre visible (sinon, nous ne verrions tout simplement pas l\u2019objet en question!).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pgc-965-4-1\" class=\"panel-grid-cell\" data-weight=\"0.55\">\n<div id=\"panel-965-4-1-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"7\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-03.png\" \/><\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-5\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-5-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-5-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"8\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>C\u2019est la teinte qui nous permet de distinguer un bleu d\u2019un rose ou d\u2019un vert. Dans notre oeil, ce sont les cellules appel\u00e9es c\u00f4nes qui traitent cette donn\u00e9e. Les c\u00f4nes de l\u2019oeil humain sont plus sensibles aux longueurs d\u2019onde comprises entre le vert et le jaunes qu\u2019\u00e0 celle situ\u00e9es \u00e0 l\u2019extr\u00e9mit\u00e9 du spectre visible. Ainsi, l\u2019oeil humain discerne assez mal des variations de teinte entre le bleu et le violet par exemple.<br \/>\nOn appelle teinte pure une teinte qui ne correspond qu\u2019\u00e0 une seule longueur d\u2019onde. Sur le cercle chromatique, on retrouve ces teintes \u00e0 l\u2019extr\u00e9mit\u00e9 du cercle. On parle alors de couleurs satur\u00e9es.<\/p>\n<h4>La saturation<\/h4>\n<p>(chroma ou saturation en anglais).<\/p>\n<p>Une couleur satur\u00e9e est appel\u00e9e monochromatique, du fait qu\u2019elle ne soit constitu\u00e9e que d\u2019une seule longueur d\u2019onde. La saturation exprime donc la puret\u00e9 d\u2019une couleur. Moins la couleur est satur\u00e9e, plus on s\u2019\u00e9loigne de la p\u00e9riph\u00e9rie du cercle chromatique. Pour r\u00e9duire la saturation d\u2019une couleur, il suffit d\u2019y ajouter du blanc. L\u00e0 encore, ce sont aussi les c\u00f4nes qui permettent d\u2019appr\u00e9cier des diff\u00e9rences de saturation.<\/p>\n<h4>Luminosit\u00e9, teinte, saturation : le r\u00e9sum\u00e9 en dessin<\/h4>\n<\/div>\n<\/div>\n<div id=\"panel-965-5-0-1\" class=\"so-panel widget widget_media_image\" data-index=\"9\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-30.webp\" \/><\/div>\n<div id=\"panel-965-5-0-2\" class=\"so-panel widget widget_text panel-last-child\" data-index=\"10\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h3>Les diff\u00e9rentes cat\u00e9gories de couleurs<\/h3>\n<h4>Les synth\u00e8ses additives et soustractives<\/h4>\n<p>Il existe deux fa\u00e7ons de synth\u00e9tiser la couleur. L\u2019une s\u2019applique aux couleurs r\u00e9sultant de l\u2019\u00e9mission d\u2019une lumi\u00e8re (synth\u00e8se additive), l\u2019autre s\u2019applique \u00e0 celles r\u00e9sultant de lumi\u00e8re r\u00e9fl\u00e9chie (synth\u00e8se soustractive).<\/p>\n<p><strong>La synth\u00e8se additive<\/strong> : Imaginons-nous dans une pi\u00e8ce de th\u00e9\u00e2tre, non \u00e9clair\u00e9e. Le spectacle commence: les spots de lumi\u00e8res s\u2019allument, chacun ajoutant une couleur (longueur d\u2019onde) diff\u00e9rente. En \u00e9clairant un m\u00eame point de la sc\u00e8ne avec tout ces spots, plus le r\u00e9gisseur en allume, plus le point \u00e9clair\u00e9 sur la sc\u00e8ne sera blanc. <strong>Lumi\u00e8re = Additive<\/strong>.<\/p>\n<p><strong>La synth\u00e8se soustractive<\/strong> : Imaginons-nous \u00e0 pr\u00e9sent sur le point d\u2019imprimer un poster sur du papier. Cette fois-ci, le fond n\u2019est pas noir comme au th\u00e9atre, mais blanc. Chaque couleur ajouter va enlever du blanc sur ce papier, et moins il y aura de blanc, plus la luminosit\u00e9 de la couleur sera faible. En ajoutant toutes les couleurs sur le m\u00eame point, on parvient \u00e0 faire compl\u00e8tement disparaitre le blanc, et la couleur obtenue n\u2019est autre que du noir. <strong>Peinture = Soustractive<\/strong>.<\/p>\n<p>Alors, d\u2019apr\u00e8s-vous, les couleurs de votre ordinateur r\u00e9pondent-elles \u00e0 la synth\u00e8se additive ou soustractive ? (r\u00e9ponse ci-apr\u00e8s!)<\/p>\n<h4>Les couleurs primaires<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-6\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-6-0\" class=\"panel-grid-cell\" data-weight=\"0.5\">\n<div id=\"panel-965-6-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"11\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Elles sont au nombre de trois, et diff\u00e8rent selon qu\u2019on soit en synth\u00e8se additive ou soustractive. Plus pr\u00e9cis\u00e9ment, les couleurs primaires additives sont oppos\u00e9es aux couleurs primaires soustractives. Les trois couleurs primaires sont choisies de telle fa\u00e7on qu\u2019une fois superpos\u00e9es les unes sur les autres elles donnent du blanc ou du noir (selon qu\u2019on soit en synth\u00e8se additive ou soustractive). Pour la synth\u00e8se soustractive, les trois couleurs primaires sont le Cyan, le Magenta et le jaune (CMJ), tandis qu\u2019en synth\u00e8se additive elles sont le Rouge, le Vert et le Bleu (RVB).<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pgc-965-6-1\" class=\"panel-grid-cell\" data-weight=\"0.5\">\n<div id=\"panel-965-6-1-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"12\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-05.png\" \/><\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-7\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-7-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-7-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"13\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Lorsque vous travaillez sur un ordinateur, chaque pixel \u00e9met une couleur. Lorsque les valeurs des pixels sont \u00e0 0, l\u2019\u00e9cran est noir, \u00e0 l\u2019inverse lorsqu\u2019ils atteignent les valeurs maximales l\u2019\u00e9cran est blanc. Vous \u00eates donc en synth\u00e8se additive !<br \/>\nDans la suite de la pr\u00e9sentation des couleurs (secondaires puis tertiaires) nous allons nous limiter \u00e0 la synth\u00e8se additive (RVB), puisque vous lisez vraisemblablement cet article depuis un \u00e9cran lumineux.<\/p>\n<h4>Les couleurs secondaires<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-8\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-8-0\" class=\"panel-grid-cell\" data-weight=\"0.6\">\n<div id=\"panel-965-8-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"14\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Les couleurs secondaires sont obtenues par le m\u00e9lange de deux couleurs primaires, tout simplement. En synth\u00e8se additive, les couleurs secondaires sont donc le Cyan, le Jaune et le Magenta. Ces trois couleurs vous disent quelques chose ? Normal, elles correspondent exactement aux trois couleurs primaires de la synth\u00e8se soustractive !<\/p>\n<p>Attention, contrairement \u00e0 la synth\u00e8se soustractive, en synth\u00e8se additive il est normal que le m\u00e9lange de deux couleurs donne une couleur plus lumineuse.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pgc-965-8-1\" class=\"panel-grid-cell\" data-weight=\"0.4\">\n<div id=\"panel-965-8-1-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"15\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-06-300x288.png\" \/><\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-9\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-9-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-9-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"16\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Les couleurs tertiaires<\/h4>\n<p>En syst\u00e8me additif, le terme de couleur tertiaire peut prendre plusieurs sens. D\u2019une part, les couleurs tertiaires sont obtenues par le m\u00e9lange d\u2019une couleur primaire avec une couleur secondaire, \u00e0 parts \u00e9gales. Elles sont donc au nombre de six, mais leur nom dans le syst\u00e8me additif (contrairement au syst\u00e8me soustractif) ne sont pas d\u00e9finis. D\u2019autre part peuvent \u00eatre consid\u00e9r\u00e9es comme couleurs tertiaires des m\u00e9langes \u00e0 parts \u00e9gales de deux couleurs secondaires, et dans ce cas sont au nombre de trois, compl\u00e9t\u00e9es de trois couleurs quaternaires.<\/p>\n<p>Existe ensuite l\u2019ensemble du spectre infini des teintes, en changeant les rapports de m\u00e9langes de chaque couleur.<\/p>\n<h4>Les couleurs compl\u00e9mentaires<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-10\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-10-0\" class=\"panel-grid-cell\" data-weight=\"0.35\">\n<div id=\"panel-965-10-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"17\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-07-150x150.webp\" \/><\/div>\n<\/div>\n<div id=\"pgc-965-10-1\" class=\"panel-grid-cell\" data-weight=\"0.65\">\n<div id=\"panel-965-10-1-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"18\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>En synth\u00e8se additive, deux couleurs sont dites compl\u00e9mentaires si, m\u00e9lang\u00e9es entre elles, donnent du blanc. On dit qu\u2019elles \u00ab\u00a0s\u2019annulent\u00a0\u00bb. Elles sont facilement identifiables sur le cercle chromatique car elles sont oppos\u00e9es l\u2019une \u00e0 l\u2019autre.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-11\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-11-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-11-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"19\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Les couleurs chaudes et les couleurs froides<\/h4>\n<p>Les notions de couleurs chaudes et froides sont n\u00e9es en 1728 avec la publication du Trait\u00e9 de la peinture et de la sculpture des Richardson. Les avis divergent parfois sur les couleurs exactes appartenant au p\u00f4le des teintes chaudes et \u00e0 celui des teintes froides, mais il est globalement admis que le rouge-orang\u00e9 appartient aux couleurs chaudes tandis que le bleu-vert appartient aux couleurs froides. Cette distinction tiendrait son origine de notre observation des paysages : la lumi\u00e8re du jour leur apporte une teinte chaude tandis qu\u2019\u00e0 l\u2019inverse le cr\u00e9puscule ou un temps couvert leur donnent des teintes froides. Cette distinction \u00e9manerait donc simplement des diff\u00e9rences de luminosit\u00e9.<\/p>\n<p>La perception des couleurs chaudes et froides a \u00e9volu\u00e9 au cours de l\u2019Histoire. Michel Pastoureau raconte qu\u2019au Moyen-\u00c2ge et \u00e0 la Renaissance, le bleu \u00e9tait au contraire consid\u00e9r\u00e9 comme une couleur chaude. Mais quelles soient chaudes ou froides, le bleu et le rouge sont en g\u00e9n\u00e9ral fortement cloisonn\u00e9es. Toujours au Moyen-\u00c2ge, les teintureries qui avaient l\u2019autorisation de teindre en rouge ne pouvaient teindre en bleu et vice-versa, et il \u00e9tait acquis que les teintureries du rouge s\u2019occupaient \u00e9galement des tons oranges et blancs, tandis que celles du bleu s\u2019occupait du noir. On remarquera que dans ces conditions il est difficile d\u2019obtenir du vert par simple m\u00e9lange du bleu et du jaune! (en synth\u00e8se soustractive cette fois). C\u2019est entre autre ce dont parle Michel Pastoureau dans son petit livre intitul\u00e9 Vert, et que je vous recommande \u00ab\u00a0chaudement\u00a0\u00bb de lire !<\/p>\n<p>R\u00e9chauffer une teinte c\u2019est donc lui ajouter une couleur chaude, tandis que refroidir une teinte consiste en l\u2019ajout d\u2019une couleur froide.<\/p>\n<\/div>\n<\/div>\n<div id=\"panel-965-11-0-1\" class=\"so-panel widget widget_media_image panel-last-child\" data-index=\"20\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-08.webp\" \/><\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-12\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-12-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-12-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"21\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Les couleurs isophanes<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-13\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-13-0\" class=\"panel-grid-cell\" data-weight=\"0.35\">\n<div id=\"panel-965-13-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"22\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-09.jpg\" \/><\/div>\n<\/div>\n<div id=\"pgc-965-13-1\" class=\"panel-grid-cell\" data-weight=\"0.65\">\n<div id=\"panel-965-13-1-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"23\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>On appelle couleurs isophanes des couleurs ayant la m\u00eame valeur, le m\u00eame niveau de gris. Si l\u2019image \u00e9tait nuances de gris, on ne pourrait tout simplement pas distinguer deux couleurs isophanes, car seule la teinte les distingue. Un tel choix de couleur peut parfois poser des probl\u00e8mes de lecture, et tendent en g\u00e9n\u00e9ral \u00e0 aplatir une image plut\u00f4t qu\u2019\u00e0 lui donner de la profondeur.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-14\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-14-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-14-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"24\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Les couleurs pastels<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-15\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-15-0\" class=\"panel-grid-cell\" data-weight=\"0.35\">\n<div id=\"panel-965-15-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"25\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-10-300x171.png\" \/><\/div>\n<\/div>\n<div id=\"pgc-965-15-1\" class=\"panel-grid-cell\" data-weight=\"0.65\">\n<div id=\"panel-965-15-1-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"26\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Les couleurs pastels sont des couleurs peu satur\u00e9es et lumineuses. Ces r\u00e9glages donnent des couleurs qu\u2019on qualifie de douces, claires ou encore tendres.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-16\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-16-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-16-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"27\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h3>Les diff\u00e9rents types de contrastes<\/h3>\n<h4>Le contraste de luminosit\u00e9<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-17\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-17-0\" class=\"panel-grid-cell\" data-weight=\"0.35\">\n<div id=\"panel-965-17-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"28\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-11-300x114.jpg\" \/><\/div>\n<\/div>\n<div id=\"pgc-965-17-1\" class=\"panel-grid-cell\" data-weight=\"0.65\">\n<div id=\"panel-965-17-1-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"29\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>C\u2019est le ph\u00e9nom\u00e8ne qui fait para\u00eetre une m\u00eame couleur plus fonc\u00e9e lorsqu\u2019elle est sur un fond clair que lorsqu\u2019elle est sur un fond sombre. Si vous souhaitez para\u00eetre bronz\u00e9, habillez-vous en blanc ! Cette diff\u00e9rence de perception est d\u00fbe \u00e0 la capacit\u00e9 qu\u2019a notre pupille \u00e0 s\u2019adapter \u00e0 la luminosit\u00e9 d\u2019un environnement. Dans un environnement clair, la pupille se ferme, laissant entrer moins de lumi\u00e8re, faisant para\u00eetre la couleur plus fonc\u00e9e.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-18\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-18-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-18-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"30\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Le contraste de saturation<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-19\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-19-0\" class=\"panel-grid-cell\" data-weight=\"0.35\">\n<div id=\"panel-965-19-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"31\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-12-150x150.png\" \/><\/div>\n<\/div>\n<div id=\"pgc-965-19-1\" class=\"panel-grid-cell\" data-weight=\"0.65\">\n<div id=\"panel-965-19-1-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"32\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Aussi appel\u00e9 \u00ab\u00a0contraste de qualit\u00e9\u00a0\u00bb, ce contraste jour sur la juxtaposition de couleurs aux degr\u00e9s de saturation diff\u00e9rents. On parle commun\u00e9ment de couleurs vives pour les couleurs satur\u00e9es et de couleurs ternes pour celles qui le sont moins. Une couleur mise sur un fond terne para\u00eetra plus vive que mise sur un fond plus satur\u00e9 car notre \u0153il \u00e9value la saturation d\u2019une couleur par rapport \u00e0 son environnement.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-20\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-20-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-20-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"33\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Le contraste de teinte<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-21\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-21-0\" class=\"panel-grid-cell\" data-weight=\"0.65\">\n<div id=\"panel-965-21-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"34\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Les contrastes de teintes peuvent jouer sur la juxtaposition de teintes primaires ou de teintes chaudes et froides par exemple. Un tel contraste donne une teinte suppl\u00e9mentaire \u00e0 une couleur : un m\u00eame orange para\u00eetra plus jaune sur fond rouge et au contraire plus rouge sur fond jeune.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pgc-965-21-1\" class=\"panel-grid-cell\" data-weight=\"0.35\">\n<div id=\"panel-965-21-1-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"35\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-13-300x114.jpg\" \/><\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-22\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-22-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-22-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"36\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Le contraste simultan\u00e9 des couleurs<\/h4>\n<p>Le contraste simultan\u00e9 des couleurs est le nom d\u2019une loi \u00e9nonc\u00e9e en 1839 par le chimiste fran\u00e7ais Michel-Eug\u00e8ne Chevreul : \u00ab\u00a0Le ton de deux plages de couleur para\u00eet plus diff\u00e9rent lorsqu\u2019on les observe juxtapos\u00e9es que lorsqu\u2019on les observe s\u00e9par\u00e9ment, sur un fond neutre commun\u00a0\u00bb. (Le \u00ab\u00a0ton\u00a0\u00bb dont parle ici Michel-Eug\u00e8ne n\u2019est autre que ce qu\u2019on appelle aussi la teinte). Il publie d\u2019ailleurs en 1889 un ouvrage intitul\u00e9 La loi de contraste simultan\u00e9 de couleurs.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-23\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-23-0\" class=\"panel-grid-cell\" data-weight=\"0.5\">\n<div id=\"panel-965-23-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"37\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Exemples : la juxtaposition d\u2019un orange et d\u2019un bleu rend l\u2019orange plus lumineux, de m\u00eame pour un rouge juxtapos\u00e9 \u00e0 un vert ou encore un jaune juxtapos\u00e9 \u00e0 un violet. Les peintres du courant impressionniste n\u00e9 une trentaine d\u2019ann\u00e9es plus tard, ont largement exploit\u00e9 cette loi. Ci-contre est donn\u00e9e comme exemple une peinture de Claude Monet, Coquelicots, 1873, o\u00f9 l\u2019on constate cette juxtaposition de rouge et de vert.<\/p>\n<\/div>\n<\/div>\n<div id=\"panel-965-23-0-1\" class=\"so-panel widget widget_media_image panel-last-child\" data-index=\"38\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-15-300x232.png\" \/><\/div>\n<\/div>\n<div id=\"pgc-965-23-1\" class=\"panel-grid-cell\" data-weight=\"0.5\">\n<div id=\"panel-965-23-1-0\" class=\"so-panel widget widget_media_image panel-first-child\" data-index=\"39\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-14.png\" \/><\/div>\n<div id=\"panel-965-23-1-1\" class=\"so-panel widget widget_text panel-last-child\" data-index=\"40\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>La juxtaposition de deux couleurs compl\u00e9mentaires renforce la saturation per\u00e7ue pour chacune des deux couleurs. Ce ph\u00e9nom\u00e8ne optique est du \u00e0 notre perception des couleurs. Lorsque notre oeil per\u00e7oit une couleur, il \u00ab\u00a0exige\u00a0\u00bb simultan\u00e9ment sa couleur compl\u00e9mentaire. C\u2019est cette perception simultan\u00e9e de la couleur compl\u00e9mentaire \u00e0 celle que nous regardons qui fait se renforcer chacune des deux couleurs juxtapos\u00e9es lorsqu\u2019elles sont compl\u00e9mentaires justement. La juxtaposition des couleurs secondaires ou tertiaires donne aussi la sensation d\u2019\u00eatre plus satur\u00e9e.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div id=\"pg-965-24\" class=\"panel-grid panel-no-style\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;,&quot;full_height&quot;:&quot;&quot;,&quot;cell_alignment&quot;:&quot;flex-start&quot;}\">\n<div id=\"pgc-965-24-0\" class=\"panel-grid-cell\" data-weight=\"1\">\n<div id=\"panel-965-24-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"41\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Les professionnels de la d\u00e9coration le savent bien : alors que certains contrastes permettent d\u2019agrandir un espace en lui donnant plus de profondeur, d\u2019autres au contraire tendent \u00e0 l\u2019aplatir. Ce n\u2019est donc pas un choix \u00e0 faire \u00e0 la l\u00e9g\u00e8re !<\/p>\n<h3>Des outils pour faciliter la cr\u00e9ation de palettes de couleurs harmonieuses<\/h3>\n<p>Pour vous aider \u00e0 cr\u00e9er les palettes de couleurs les plus adapt\u00e9es \u00e0 votre travail, \u00e0 votre style, \u00e0 vos envies ou \u00e0 vos sujets d\u2019\u00e9tude, voyons ensemble certains des outils gratuits que vous pouvez utilisez.<\/p>\n<h4>Cr\u00e9er une palette de couleurs \u00e0 partir d\u2019une image<\/h4>\n<p>Canva propose des palettes de 4 couleurs cr\u00e9\u00e9es \u00e0 partir de l\u2019image de votre choix. Choisissez-en une qui vous inspire ou qui soit en ad\u00e9quation avec le sujet que vous souhaitez traiter ! Vous n\u2019aurez ensuite plus qu\u2019\u00e0 copier les couleurs propos\u00e9es. Cliquez ici pour cr\u00e9er votre premi\u00e8re palette sur le <a href=\"https:\/\/www.canva.com\/colors\/color-palette-generator\/\" target=\"_blank\" rel=\"noopener nofollow\">Color Palette Generator de Canva<\/a> ! Ici l\u2019image choisie est un dessin du talentueux <a href=\"https:\/\/oldbeink.keekee.studio\/rohan-dahotre\" target=\"_blank\" rel=\"noopener nofollow\">Rohan Dahotre<\/a>, dessinateur de la vie sauvage.<\/p>\n<\/div>\n<\/div>\n<div id=\"panel-965-24-0-1\" class=\"so-panel widget widget_media_image\" data-index=\"42\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-16.png\" \/><\/div>\n<div id=\"panel-965-24-0-2\" class=\"so-panel widget widget_text\" data-index=\"43\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Cr\u00e9er une palette de couleurs \u00e0 partir des r\u00e8gles d\u2019harmonie chromatique<\/h4>\n<p>Adobe a \u00e9galement d\u00e9velopp\u00e9 son outils de cr\u00e9ation de palettes de couleurs vous permettant de choisir un certain type d\u2019harmonie graphique (palette monochrome, couleurs compl\u00e9mentaires, etc) mais aussi bien s\u00fbr de faire varier \u00e0 la fois la teinte et la saturation. Une fois satisfait, vous n\u2019avez plus qu\u2019\u00e0 enregistrer votre palette enti\u00e8re. Pour d\u00e9couvrir l\u2019<a href=\"https:\/\/color.adobe.com\/fr\/create\/color-wheel\" target=\"_blank\" rel=\"noopener nofollow\">Adobe Cr\u00e9ateur de Palettes c\u2019est par ici<\/a> !<\/p>\n<\/div>\n<\/div>\n<div id=\"panel-965-24-0-3\" class=\"so-panel widget widget_media_image\" data-index=\"44\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-17.png\" \/><\/div>\n<div id=\"panel-965-24-0-4\" class=\"so-panel widget widget_text\" data-index=\"45\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>Choisir une palette de couleurs parmi des palettes pr\u00e9d\u00e9finies<\/h4>\n<p>Coolors est un site proposant des palettes toutes faites, allant de quelques couleurs \u00e0 une dizaine. C\u2019est un outil tr\u00e8s bien pour chercher l\u2019inspiration ! Je vous laisse parcourir ces palettes sur le <a href=\"https:\/\/coolors.co\/palettes\/trending\" target=\"_blank\" rel=\"noopener nofollow\">Catalogue de Coolors<\/a>.<\/p>\n<\/div>\n<\/div>\n<div id=\"panel-965-24-0-5\" class=\"so-panel widget widget_media_image\" data-index=\"46\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-18.png\" \/><\/div>\n<div id=\"panel-965-24-0-6\" class=\"so-panel widget widget_text\" data-index=\"47\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<h4>S\u2019inspirer \u00e0 partir des milliers de couleurs Pantone<\/h4>\n<p>Le catalogue des couleurs Pantone recense toutes les r\u00e9f\u00e9rences Pantone, et ce n\u2019est pas peu dire car il y en a beaucoup ! L\u2019endroit id\u00e9al pour d\u00e9nicher des couleurs peu communes et trouver de nouvelles inspirations. La <a href=\"https:\/\/www.agence-casanova.fr\/professionnel\/identitaire\/pantone.html\" target=\"_blank\" rel=\"noopener nofollow\">liste des couleurs Pantone<\/a> c\u2019est par ici.<\/p>\n<p>Et pour trouver le nom d\u2019une couleur, c\u2019est sur le <a href=\"https:\/\/www.pantone.com\/eu\/fr\/color-finder\" target=\"_blank\" rel=\"noopener nofollow\">Color Finder<\/a> qu\u2019il faut aller !<\/p>\n<\/div>\n<\/div>\n<div id=\"panel-965-24-0-7\" class=\"so-panel widget widget_media_image\" data-index=\"48\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\"><img decoding=\"async\" src=\"https:\/\/oldbeink.keekee.studio\/wp-content\/uploads\/beink-blog-barioler-19.png\" \/><\/div>\n<div id=\"panel-965-24-0-8\" class=\"so-panel widget widget_text panel-last-child\" data-index=\"49\" data-style=\"{&quot;background_image_attachment&quot;:false,&quot;background_display&quot;:&quot;tile&quot;,&quot;background_image_size&quot;:&quot;full&quot;,&quot;background_image_opacity&quot;:&quot;100&quot;,&quot;border_thickness&quot;:&quot;1px&quot;}\">\n<div class=\"textwidget\">\n<p>Alors, quelles palettes de couleurs avez-vous cr\u00e9\u00e9es ? Rejoignez <a href=\"https:\/\/www.instagram.com\/beink.ai\/\" target=\"_blank\" rel=\"noopener nofollow\">Beink sur Instagram<\/a> et partagez vos plus belles palettes !<\/p>\n<hr \/>\n<h3>R\u00e9f\u00e9rences :<\/h3>\n<div class=\"beink-ref\"><strong>Les cours :<\/strong><br \/>\n\u2013 <a href=\"https:\/\/www.methodephysique.fr\/couleurs_synthese_additive_soustractive\/\" target=\"_blank\" rel=\"noopener nofollow\">La M\u00e9thode Physique<\/a><br \/>\n\u2013 <a href=\"https:\/\/p.21-bal.com\/pravo\/661\/index.html\" target=\"_blank\" rel=\"noopener nofollow\">Th\u00e8se Soustractive Objectifs<\/a><br \/>\n\u2013 <a href=\"http:\/\/webphysique.fr\/couleur-complementaire\/\" target=\"_blank\" rel=\"noopener nofollow\">Physique et Chimie<\/a><br \/>\n\u2013 <a href=\"https:\/\/www.hisour.com\/fr\/tertiary-color-26137\/#:~:text=Les%20noms%20des%20douze%20couleurs,des%20pigments%20de%20couleur%20secondaire\" target=\"_blank\" rel=\"noopener nofollow\">Hisour<\/a><br \/>\n\u2013 <a href=\"https:\/\/lesyeuxdargus.wordpress.com\/2014\/06\/25\/la-theorie-du-contraste-simultane-des-couleurs\/\" target=\"_blank\" rel=\"noopener nofollow\">Les Yeux d\u2019Argus<\/a><br \/>\n\u2013 <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Impressionnisme\" target=\"_blank\" rel=\"noopener nofollow\">Wikip\u00e9dia: l\u2019Impressionnisme<\/a><br \/>\n\u2013 <a href=\"http:\/\/www.cndp.fr\/crdp-dijon\/IMG\/pdf\/science2.pdf\" target=\"_blank\" rel=\"noopener nofollow\">CRDP de Poitou-Charente<\/a><br \/>\n\u2013 <a href=\"http:\/\/daniellegraphicart.blogspot.com\/2011\/02\/simultaneous-contrast-1-2.html\" target=\"_blank\" rel=\"noopener nofollow\">Danielle\u2019s Graphic Art<\/a><br \/>\n\u2013 <a href=\"https:\/\/libdiz.com\/fr\/livres\/art-de-la-couleur\/7-6-contraste-saturation-des-couleurs\" target=\"_blank\" rel=\"noopener nofollow\">LibDiz<\/a><br \/>\n\u2013 <a href=\"https:\/\/campus.mines-paristech.fr\/mod\/glossary\/view.php?id=7434&amp;mode=author&amp;hook=ALL&amp;sortkey=FIRSTNAME&amp;sortorder=asc&amp;fullsearch=0&amp;page=8\" target=\"_blank\" rel=\"noopener nofollow\">Les Mines Paris-Tech<\/a><br \/>\n<strong>La d\u00e9co :<\/strong><br \/>\n\u2013 <a href=\"https:\/\/99designs.fr\/blog\/inspiration-graphique\/combinaisons-de-couleurs\/\" target=\"_blank\" rel=\"noopener nofollow\">99designs<\/a><br \/>\n\u2013 <a href=\"https:\/\/princesseconstance.fr\/assortir-couleurs-vetements\/\" target=\"_blank\" rel=\"noopener nofollow\">Princesse Constance<\/a><br \/>\n\u2013 <a href=\"https:\/\/www.cdeco.fr\/interieur\/styles-deco-cahiers-inspiration\/couleurs\/association-des-couleurs-mode-demploi\" target=\"_blank\" rel=\"noopener nofollow\">Cdeco<\/a><br \/>\n<strong>La photo :<\/strong><br \/>\n\u2013 <a href=\"https:\/\/mondiaphoto.com\/actu-detail.php?actu=731\" target=\"_blank\" rel=\"noopener nofollow\">Mondia Photo<\/a><br \/>\n<strong>Les livres :<\/strong><br \/>\n\u2013 <a href=\"http:\/\/www.maisondumiroir.com\/pages\/Extraits-de-vert-histoire-d-une-couleur-et-bleu-de-michel-pastoureau-8817459.html\" target=\"_blank\" rel=\"noopener nofollow\">Maison du miroir : Extrait de Michel Pastoureau<\/a><br \/>\n\u2013 Vert, Michel Pastoureau, 2013<br \/>\n\u2013 Art de la couleur, Johannes itten, 1961<br \/>\n<strong>Dessinateur :<\/strong><br \/>\n\u2013 <a href=\"https:\/\/oldbeink.keekee.studio\/rohan-dahotre\/\" rel=\"nofollow noopener\" target=\"_blank\">Rohan Dahotre<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Un peu de physique et de biologie : les 3 caract\u00e9ristiques de la couleur La [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3102,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[67,64,65,63],"tags":[],"class_list":["post-3101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-art","category-design","category-graphisme","category-tuto"],"_links":{"self":[{"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/posts\/3101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/comments?post=3101"}],"version-history":[{"count":2,"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/posts\/3101\/revisions"}],"predecessor-version":[{"id":3821,"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/posts\/3101\/revisions\/3821"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/media\/3102"}],"wp:attachment":[{"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/media?parent=3101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/categories?post=3101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.beink.fr\/en\/wp-json\/wp\/v2\/tags?post=3101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}