{"id":4299,"date":"2026-10-29T10:34:06","date_gmt":"2026-10-29T09:34:06","guid":{"rendered":"https:\/\/www.variationsphase.de\/vp\/?page_id=4299"},"modified":"2026-10-29T10:40:11","modified_gmt":"2026-10-29T09:40:11","slug":"farblabor","status":"publish","type":"page","link":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/","title":{"rendered":"Interaktives Farblabor"},"content":{"rendered":"<link rel='stylesheet' id='vp-farblabor-css' href='https:\/\/www.variationsphase.de\/vp\/wp-content\/plugins\/vp-farblabor\/assets\/farblabor.css?ver=1.0.5' media='all' \/>\n<div class=\"vp-farblabor\" data-toc-exclude=\"true\" data-instance=\"vp-fl-2\"><div class=\"lab-shell\"><div id=\"page-start\" aria-labelledby=\"home-title\"><header><div class=\"eyebrow\">Farblehre<\/div><h2 class=\"no_toc ez-toc-exclude lab-title\" id=\"home-title\" tabindex=\"-1\">Interaktives Farblabor<\/h2><p>Farben erforschen und testen<\/p><\/header><div class=\"lab-entry-grid\"><a class=\"lab-entry\" id=\"entry-farbkreise\" href=\"#farbkreise\"><span class=\"entry-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 3v5m8 8-5-2M4 16l5-2\"\/><\/svg><\/span><h2 class=\"no_toc ez-toc-exclude\">Farbkreise<\/h2><p>Entdecke Farbmodelle und probiere Farbharmonien aus.<\/p><span class=\"entry-action\">Farbharmonien ausprobieren<i class=\"lab-chevron\" aria-hidden=\"true\"><\/i><\/span><\/a><a class=\"lab-entry\" id=\"entry-kontraste\" href=\"#kontraste\"><span class=\"entry-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3a9 9 0 0 1 0 18Z\" fill=\"currentColor\" stroke=\"none\"\/><\/svg><\/span><h2 class=\"no_toc ez-toc-exclude\">Kontraste<\/h2><p>Teste, wie Farben sich gegenseitig beeinflussen.<\/p><span class=\"entry-action\">Kontraste erforschen<i class=\"lab-chevron\" aria-hidden=\"true\"><\/i><\/span><\/a><a class=\"lab-entry\" id=\"entry-gestaltung\" href=\"#gestaltung\"><span class=\"entry-icon\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 4h16v16H4zM4 15l6-6 10 11M14 4v6h6\"\/><\/svg><\/span><h2 class=\"no_toc ez-toc-exclude\">Gestaltung<\/h2><p>Erkunde Tiefe, Licht und Farbstimmung.<\/p><span class=\"entry-action\">Farbe bewusst einsetzen<i class=\"lab-chevron\" aria-hidden=\"true\"><\/i><\/span><\/a><\/div><\/div><div id=\"page-farbkreise\" aria-labelledby=\"circles-title\" hidden><header><div class=\"lab-work-head\"><div><div class=\"eyebrow\">Farbkreise<\/div><h2 class=\"no_toc ez-toc-exclude lab-title\" id=\"circles-title\" tabindex=\"-1\">Farbharmonien ausprobieren<\/h2><\/div><a class=\"lab-back\" href=\"#start\"><i class=\"lab-chevron\" aria-hidden=\"true\"><\/i> Zur\u00fcck zum Farblabor<\/a><\/div><p>W\u00e4hle eine Farbe und entdecke ihre Nachbarn und Farbkl\u00e4nge.<\/p><div class=\"model-switch\" role=\"group\" aria-label=\"Farbkreismodell\"><div class=\"model-itten\"><button type=\"button\" class=\"model-choice\" id=\"itten\" aria-pressed=\"true\">Farbkreis nach Itten<\/button><div id=\"steps\" class=\"model-steps\" role=\"group\" aria-label=\"Anzahl der Farben\"><button type=\"button\" id=\"b12\" aria-label=\"12 Farben\" aria-pressed=\"true\">12<\/button><button type=\"button\" id=\"b24\" aria-label=\"24 Farben\" aria-pressed=\"false\">24<\/button><button type=\"button\" id=\"b48\" aria-label=\"48 Farben\" aria-pressed=\"false\">48<\/button><\/div><\/div><button type=\"button\" class=\"model-choice\" id=\"cmy\" aria-pressed=\"false\">Mischfarben<\/button><button type=\"button\" class=\"model-choice\" id=\"digital\" aria-pressed=\"false\">Bildschirmfarben<\/button><\/div><p id=\"cmyLevel\" class=\"paint-help\" hidden>Helligkeitsstufe: Vollton.<\/p><p id=\"modelNote\">Der Farbkreis nach Itten mit abgestuften Segmenten.<\/p><div class=\"groups\"><div><div>Farbharmonie<\/div><div class=\"harmonies\" role=\"group\" aria-label=\"Farbharmonie ausw\u00e4hlen\"><button type=\"button\" data-mode=\"mono\" aria-label=\"Analog\" aria-pressed=\"true\"><\/button><button type=\"button\" data-mode=\"comp\" aria-label=\"Komplement\u00e4r\" aria-pressed=\"false\"><\/button><button type=\"button\" data-mode=\"tri\" aria-label=\"Triangular\" aria-pressed=\"false\"><\/button><button type=\"button\" data-mode=\"split\" aria-label=\"Geteilt-komplement\u00e4r\" aria-pressed=\"false\"><\/button><button type=\"button\" data-mode=\"square\" aria-label=\"Quadrat\" aria-pressed=\"false\"><\/button><button type=\"button\" data-mode=\"monochrom\" aria-label=\"Monochrom\" aria-pressed=\"false\" hidden><\/button><\/div><\/div><div><div>Weitere Farbkombinationen<\/div><div class=\"harmonies\" role=\"group\" aria-label=\"Weitere Farbkombinationen\"><button type=\"button\" data-mode=\"hex\" aria-label=\"Sechseck\" aria-pressed=\"false\"><\/button><button type=\"button\" data-mode=\"oct\" aria-label=\"Achteck\" aria-pressed=\"false\"><\/button><\/div><\/div><\/div><\/header><section><div class=\"wheel\"><div class=\"wheel-row\"><div class=\"light-control\"><div class=\"light-track\"><input id=\"light\" type=\"range\" min=\"-60\" max=\"80\" value=\"0\" orient=\"vertical\" aria-label=\"Helligkeit\"><button id=\"reset\" type=\"button\" aria-label=\"Auf Volltonfarbe zur\u00fccksetzen\" title=\"Auf Volltonfarbe zur\u00fccksetzen\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M3 12a9 9 0 1 0 9-9c-2.5 0-4.8 1-6.6 2.7L3 8\"\/><polyline points=\"3 3 3 8 8 8\"\/><\/svg><\/button><\/div><output id=\"lightValue\" hidden>0<\/output><\/div><div class=\"wheel-visual\"><canvas id=\"digitalWheel\" width=\"400\" height=\"400\" hidden tabindex=\"0\" role=\"application\" aria-label=\"Digitaler Farbkreis. Klicken oder mit Pfeiltasten Farbton und S\u00e4ttigung \u00e4ndern.\" style=\"width:100%;touch-action:none\"><\/canvas><svg id=\"digitalMarks\" viewBox=\"0 0 400 400\" hidden aria-hidden=\"true\" style=\"position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none\"><\/svg><svg id=\"wheel\" viewBox=\"0 0 400 400\" role=\"group\" aria-label=\"Farbkreis: Farbe ausw\u00e4hlen\"><\/svg><\/div><\/div><div id=\"paletteArea\" hidden><div class=\"palette-heading\"><h2 class=\"no_toc ez-toc-exclude\" tabindex=\"-1\">Meine Palette<\/h2><button type=\"button\" id=\"exportOpen\" class=\"icon-btn\" aria-label=\"Palette exportieren\" title=\"Palette exportieren\" disabled>\u21e9<\/button><\/div><p id=\"paletteFull\" class=\"palette-intro\" role=\"status\" hidden>Die Palette ist voll.<\/p><div id=\"paletteList\" class=\"palette-list\"><\/div><label class=\"save-switch\"><input type=\"checkbox\" id=\"savePalette\" role=\"switch\"> Palette speichern<\/label><p id=\"paletteStatus\" role=\"status\" aria-live=\"polite\"><\/p><\/div><\/div><div class=\"card\"><h2 class=\"no_toc ez-toc-exclude\" id=\"modeName\" aria-live=\"polite\">Analog<\/h2><p id=\"description\"><\/p><form id=\"hexForm\" hidden><label for=\"hexInput\">Farbe als HEX-Wert<\/label><br><input id=\"hexInput\" type=\"text\" maxlength=\"7\" placeholder=\"#RRGGBB\" required pattern=\"#?[0-9a-fA-F]{6}\"> <button type=\"submit\">\u00dcbernehmen<\/button> <button type=\"button\" id=\"hexCancel\">Abbrechen<\/button><\/form><div id=\"swatches\" aria-label=\"Ausgew\u00e4hlte Harmoniefarben\"><\/div><details id=\"mixNote\" hidden><summary>Hinweis zum Mischen der Farben<\/summary><p>F\u00fcr das Mischen einer Vollton-Farbe wird kein zus\u00e4tzliches Schwarz oder Wei\u00df verwendet. Die Mischteile sind eine vereinfachte Orientierung im digitalen Modell, kein gepr\u00fcftes Rezept f\u00fcr echte Pigmente. Farbwirkung und Mengen h\u00e4ngen von den verwendeten Farben und dem Auftrag ab.<\/p><p>Zum Aufhellen der Farbe wird bei deckenden Farben Wei\u00df genutzt und f\u00fcr Wasserfarben, wie Aquarell klares Wasser.<\/p><\/details><div id=\"copyStatus\" role=\"status\" aria-live=\"polite\"><\/div><div id=\"colorStatus\" class=\"sr-only\" role=\"status\" aria-live=\"polite\"><\/div><p id=\"hint\"><\/p><\/div><\/section><footer id=\"ittenNote\">Der zw\u00f6lfteilige Farbkreis orientiert sich an Itten. F\u00fcr 24 und 48 Farben wurden digital berechnete Zwischent\u00f6ne erg\u00e4nzt; die Darstellung am Bildschirm ist eine Ann\u00e4herung an gemischte Malfarben.<\/footer><\/div><div id=\"legacyPanels\" hidden>    <section class=\"phase\" id=\"phase-3\" aria-labelledby=\"phase3-title\" hidden>\n      <div class=\"contrast-heading\">\n        <div class=\"lab-work-head\"><div>\n          <p class=\"eyebrow\">Kontraste<\/p>\n          <h2 class=\"no_toc ez-toc-exclude lab-title\" id=\"phase3-title\" tabindex=\"-1\">Beziehungen zwischen Farben erforschen<\/h2>\n        <\/div><a class=\"lab-back\" href=\"#start\"><i class=\"lab-chevron\" aria-hidden=\"true\"><\/i> Zur\u00fcck zum Farblabor<\/a><\/div>\n        <p>Ein Kontrast entsteht nicht in einer einzelnen Farbe, sondern zwischen Farben. W\u00e4hle ein Experiment.<\/p>\n      <\/div>\n      <div class=\"contrast-layout\">\n        <div class=\"contrast-list\" role=\"tablist\" aria-label=\"Sieben Farbkontraste\">\n          <button role=\"tab\" aria-selected=\"true\" class=\"contrast-tab active\" data-contrast=\"hue\"><span>01<\/span>Farbe an sich<\/button>\n          <button role=\"tab\" aria-selected=\"false\" class=\"contrast-tab\" data-contrast=\"light\"><span>02<\/span>Hell\u2013Dunkel<\/button>\n          <button role=\"tab\" aria-selected=\"false\" class=\"contrast-tab\" data-contrast=\"warm\"><span>03<\/span>Warm\u2013Kalt<\/button>\n          <button role=\"tab\" aria-selected=\"false\" class=\"contrast-tab\" data-contrast=\"quality\"><span>04<\/span>Qualit\u00e4t<\/button>\n          <button role=\"tab\" aria-selected=\"false\" class=\"contrast-tab\" data-contrast=\"quantity\"><span>05<\/span>Quantit\u00e4t<\/button>\n          <button role=\"tab\" aria-selected=\"false\" class=\"contrast-tab\" data-contrast=\"complement\"><span>06<\/span>Komplement\u00e4r<\/button>\n          <button role=\"tab\" aria-selected=\"false\" class=\"contrast-tab\" data-contrast=\"simultaneous\"><span>07<\/span>Simultan<\/button>\n        <\/div>\n        <div class=\"contrast-workspace panel\" id=\"contrast-workspace\" role=\"tabpanel\"><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"phase\" id=\"phase-4\" aria-labelledby=\"phase4-title\" hidden>\n      <div class=\"contrast-heading\">\n        <div class=\"lab-work-head\"><div>\n          <p class=\"eyebrow\">Gestaltung<\/p>\n          <h2 class=\"no_toc ez-toc-exclude lab-title\" id=\"phase4-title\" tabindex=\"-1\">Farbe in der Gestaltung anwenden<\/h2>\n        <\/div><a class=\"lab-back\" href=\"#start\"><i class=\"lab-chevron\" aria-hidden=\"true\"><\/i> Zur\u00fcck zum Farblabor<\/a><\/div>\n        <p>Farbe kann Tiefe erzeugen, Licht ver\u00e4ndern und eine Stimmung pr\u00e4gen. Probiere drei Anwendungen aus.<\/p>\n      <\/div>\n      <div class=\"application-grid\">\n        <article class=\"application-card panel\">\n          <div class=\"card-number\">01<\/div>\n          <h2 class=\"no_toc ez-toc-exclude\">Luftperspektive<\/h2>\n          <p>Mit der Entfernung werden Farben h\u00e4ufig k\u00fchler, heller und weniger kr\u00e4ftig.<\/p>\n          <div class=\"depth-demo\" id=\"depth-demo\">\n            <div class=\"depth-plane far\"><span>Ferne<\/span><\/div>\n            <div class=\"depth-plane middle\"><span>Mitte<\/span><\/div>\n            <div class=\"depth-plane front\"><span>Vorn<\/span><\/div>\n          <\/div>\n          <label class=\"range-label\" for=\"depth-range\"><span>Atmosph\u00e4re<\/span><output id=\"depth-output\">55 %<\/output><\/label>\n          <input id=\"depth-range\" type=\"range\" min=\"0\" max=\"100\" value=\"55\">\n          <a class=\"blog-tile\" href=\"https:\/\/www.variationsphase.de\/vp\/2019\/12\/zeichnen-lernen-tiefe-erzeugen\/\"><img decoding=\"async\" src=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/plugins\/vp-farblabor\/assets\/images\/tiefe-erzeugen.png\" alt=\"\" width=\"1024\" height=\"1024\" loading=\"lazy\"><span class=\"blog-tile-copy\"><span class=\"blog-tile-label\">Blogartikel<\/span><strong>Tiefe erzeugen<\/strong><\/span><i class=\"lab-chevron\" aria-hidden=\"true\"><\/i><\/a>\n        <\/article>\n\n        <article class=\"application-card panel\">\n          <div class=\"card-number\">02<\/div>\n          <h2 class=\"no_toc ez-toc-exclude\">Licht und Schatten<\/h2>\n          <p>In der Gestaltung kann ein farbiger Schatten den Warm\u2013Kalt-Kontrast verst\u00e4rken.<\/p>\n          <div class=\"light-demo\">\n            <div class=\"lit-field\" id=\"lit-field\"><span>Licht<\/span><\/div>\n            <div class=\"shadow-field\" id=\"shadow-field\"><span>Schatten<\/span><\/div>\n          <\/div>\n          <div id=\"light-color-label\" class=\"range-label\">Lichtfarbe<\/div>\n          <div class=\"mood-buttons\" role=\"group\" aria-labelledby=\"light-color-label\"><button class=\"mood-button active\" type=\"button\" data-light=\"warm\" aria-pressed=\"true\">warm<\/button><button class=\"mood-button\" type=\"button\" data-light=\"cool\" aria-pressed=\"false\">kalt<\/button><button class=\"mood-button\" type=\"button\" data-light=\"neutral\" aria-pressed=\"false\">neutral<\/button><\/div>\n          <a class=\"blog-tile\" href=\"https:\/\/www.variationsphase.de\/vp\/2017\/09\/zeichnen-lernen-05-licht-und-schatten\/\"><img decoding=\"async\" src=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/plugins\/vp-farblabor\/assets\/images\/licht-schatten.png\" alt=\"\" width=\"1024\" height=\"1024\" loading=\"lazy\"><span class=\"blog-tile-copy\"><span class=\"blog-tile-label\">Blogartikel<\/span><strong>Licht und Schatten<\/strong><\/span><i class=\"lab-chevron\" aria-hidden=\"true\"><\/i><\/a>\n        <\/article>\n\n        <article class=\"application-card panel\">\n          <div class=\"card-number\">03<\/div>\n          <h2 class=\"no_toc ez-toc-exclude\">Farbe und Stimmung<\/h2>\n          <p>Farben haben keine einzige feste Bedeutung. Im Zusammenspiel pr\u00e4gen sie aber die Wirkung.<\/p>\n          <div class=\"mood-demo\" id=\"mood-demo\"><span class=\"mood-kicker\">DIE REISE<\/span><strong id=\"mood-word\">Aufbruch<\/strong><i><\/i><\/div>\n          <div class=\"mood-buttons\" role=\"group\" aria-label=\"Stimmung ausw\u00e4hlen\">\n            <button class=\"mood-button active\" data-mood=\"fresh\">lebendig<\/button>\n            <button class=\"mood-button\" data-mood=\"calm\">ruhig<\/button>\n            <button class=\"mood-button\" data-mood=\"mystery\">geheimnisvoll<\/button>\n          <\/div>\n        <\/article>\n      <\/div>\n      <div class=\"finish-card\">\n        <p>Weitere Farbkombinationen kannst du im Bereich Farbkreise erkunden.<\/p>\n        <button class=\"secondary-button\" type=\"button\" id=\"restart\">Zu den Farbkreisen<\/button>\n      <\/div>\n    <\/section>\n<\/div><\/div><dialog id=\"exportDialog\" aria-labelledby=\"exportTitle\"><h2 class=\"no_toc ez-toc-exclude\" id=\"exportTitle\">Palette exportieren<\/h2><p>W\u00e4hle ein Format f\u00fcr deine aktuelle Palette.<\/p><div class=\"export-options\"><button type=\"button\" data-export=\"png\">PNG \u2013 als Bild<\/button><button type=\"button\" data-export=\"pdf\">PDF \u2013 als Arbeitsblatt<\/button><button type=\"button\" data-export=\"text\">Text \u2013 als Liste<\/button><\/div><p id=\"exportError\" role=\"status\"><\/p><button type=\"button\" id=\"exportClose\">Schlie\u00dfen<\/button><\/dialog><dialog id=\"paletteDialog\"><h2 class=\"no_toc ez-toc-exclude\" id=\"dialogTitle\"><\/h2><p id=\"dialogText\"><\/p><div class=\"dialog-actions\"><button type=\"button\" id=\"dialogCancel\">Abbrechen<\/button><button type=\"button\" id=\"dialogConfirm\">Best\u00e4tigen<\/button><\/div><\/dialog><noscript>Bitte aktiviere JavaScript, um das Farblabor zu verwenden.<\/noscript><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"> <\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h3 class=\"wp-block-heading\">Frei aber nicht ohne Kosten<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Web-Anwendung kannst du kostenlos nutzen. Entwicklung und Betrieb kosten jedoch Zeit und Geld. Wenn du sie n\u00fctzlich findest und meine Arbeit unterst\u00fctzen m\u00f6chtest, freue ich mich \u00fcber deine Unterst\u00fctzung auf Patreon.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.patreon.com\/cw\/variationsphase\" target=\"_blank\" rel=\"noopener\">Variationsphase auf Patreon<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Falls ihr nach anderen Unterst\u00fctzungsm\u00f6glichkeiten sucht, k\u00f6nnt ihr hier gern schauen, was ihr noch tun k\u00f6nnt.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.variationsphase.de\/vp\/support-me\/\">Support me<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group is-style-vp-themenanker is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"vp-dossier is-style-orange wp-block-vp-dossier\">\n\n<figure class=\"wp-block-image size-large vp-dossier__image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/teaser_zeichnen-lernen-1024x1024.png\" alt=\"\" class=\"wp-image-4036\" style=\"aspect-ratio:16\/9;object-fit:cover\" srcset=\"https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/teaser_zeichnen-lernen-1024x1024.png 1024w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/teaser_zeichnen-lernen-380x380.png 380w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/teaser_zeichnen-lernen-150x150.png 150w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/teaser_zeichnen-lernen-768x768.png 768w, https:\/\/www.variationsphase.de\/vp\/wp-content\/uploads\/2026\/09\/teaser_zeichnen-lernen.png 1254w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"vp-dossier__eyebrow wp-block-paragraph\">Wissen<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zeichnen lernen<\/h3>\n\n\n\n<p class=\"vp-dossier__description wp-block-paragraph\">Techniken, \u00dcbungen und Impulse f\u00fcr deine eigene Bildpraxis.<\/p>\n\n\n\n<ul class=\"wp-block-list vp-dossier__links\">\n<li><a href=\"https:\/\/variationsphase.de\/vp\/zeichnen-lernen\/mit-bleistift-zeichnen\/\" data-type=\"page\" data-id=\"1126\">Material: Mit Bleistift zeichnen<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/variationsphase.de\/vp\/2015\/02\/zeichnen-lernen-ein-paar-grundlagen\/\">#01 Ein paar Grundlagen<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/variationsphase.de\/vp\/2015\/02\/katzen-zeichnen-basics\/\">#02 Katzen zeichnen<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/variationsphase.de\/vp\/2016\/04\/zeichnen-lernen-uberschneidungen\/\">#03 \u00dcberschneidungen zeichnen<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/variationsphase.de\/vp\/2016\/06\/zeichnen-lernen-hande-zeichnen\/\">#04 H\u00e4nde zeichnen<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/variationsphase.de\/vp\/2017\/09\/zeichnen-lernen-05-licht-und-schatten\/\">#05 Licht und Schatten<\/a><\/li>\n\n\n\n<li><a href=\"http:\/\/variationsphase.de\/vp\/2019\/12\/zeichnen-lernen-tiefe-erzeugen\/\">#06 Tiefe erzeugen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.variationsphase.de\/vp\/2026\/03\/eigene-figuren-zeichnen-und-entwickeln\/\">#07 Eigene Figuren entwickeln<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.variationsphase.de\/vp\/2026\/07\/zeichnen-lernen-meerjungfrauen-zeichnen\/\">#08 Meerjungfrauen zeichnen<\/a><\/li>\n<\/ul>\n\n<\/div>\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-7b4500cd wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/\">Zur Themenseite<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Frei aber nicht ohne Kosten Diese Web-Anwendung kannst du kostenlos nutzen. Entwicklung und Betrieb kosten jedoch Zeit und Geld. Wenn du sie n\u00fctzlich findest und meine Arbeit unterst\u00fctzen m\u00f6chtest, freue ich mich \u00fcber deine Unterst\u00fctzung auf Patreon. Falls ihr nach anderen Unterst\u00fctzungsm\u00f6glichkeiten sucht, k\u00f6nnt ihr hier gern schauen, was ihr noch tun k\u00f6nnt.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1119,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4299","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interaktives Farblabor - variationsphase<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interaktives Farblabor - variationsphase\" \/>\n<meta property=\"og:description\" content=\"Frei aber nicht ohne Kosten Diese Web-Anwendung kannst du kostenlos nutzen. Entwicklung und Betrieb kosten jedoch Zeit und Geld. Wenn du sie n\u00fctzlich findest und meine Arbeit unterst\u00fctzen m\u00f6chtest, freue ich mich \u00fcber deine Unterst\u00fctzung auf Patreon. Falls ihr nach anderen Unterst\u00fctzungsm\u00f6glichkeiten sucht, k\u00f6nnt ihr hier gern schauen, was ihr noch tun k\u00f6nnt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/\" \/>\n<meta property=\"og:site_name\" content=\"variationsphase\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-29T09:40:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"1\u00a0Minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/zeichnen-lernen\\\/farblabor\\\/\",\"url\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/zeichnen-lernen\\\/farblabor\\\/\",\"name\":\"Interaktives Farblabor - variationsphase\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#website\"},\"datePublished\":\"2026-10-29T09:34:06+00:00\",\"dateModified\":\"2026-10-29T09:40:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/zeichnen-lernen\\\/farblabor\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/zeichnen-lernen\\\/farblabor\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/zeichnen-lernen\\\/farblabor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zeichnen lernen\",\"item\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/zeichnen-lernen\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Interaktives Farblabor\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#website\",\"url\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/\",\"name\":\"variationsphase\",\"description\":\"Visualisierung und Erz\u00e4hlr\u00e4ume\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/3bf21877116b4f739db46a11f19ec0dd\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/3bf21877116b4f739db46a11f19ec0dd\",\"name\":\"Christina\",\"logo\":{\"@id\":\"https:\\\/\\\/www.variationsphase.de\\\/vp\\\/#\\\/schema\\\/person\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interaktives Farblabor - variationsphase","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/","og_locale":"de_DE","og_type":"article","og_title":"Interaktives Farblabor - variationsphase","og_description":"Frei aber nicht ohne Kosten Diese Web-Anwendung kannst du kostenlos nutzen. Entwicklung und Betrieb kosten jedoch Zeit und Geld. Wenn du sie n\u00fctzlich findest und meine Arbeit unterst\u00fctzen m\u00f6chtest, freue ich mich \u00fcber deine Unterst\u00fctzung auf Patreon. Falls ihr nach anderen Unterst\u00fctzungsm\u00f6glichkeiten sucht, k\u00f6nnt ihr hier gern schauen, was ihr noch tun k\u00f6nnt.","og_url":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/","og_site_name":"variationsphase","article_modified_time":"2026-10-29T09:40:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Gesch\u00e4tzte Lesezeit":"1\u00a0Minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/","url":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/","name":"Interaktives Farblabor - variationsphase","isPartOf":{"@id":"https:\/\/www.variationsphase.de\/vp\/#website"},"datePublished":"2026-10-29T09:34:06+00:00","dateModified":"2026-10-29T09:40:11+00:00","breadcrumb":{"@id":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/farblabor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.variationsphase.de\/vp\/"},{"@type":"ListItem","position":2,"name":"Zeichnen lernen","item":"https:\/\/www.variationsphase.de\/vp\/zeichnen-lernen\/"},{"@type":"ListItem","position":3,"name":"Interaktives Farblabor"}]},{"@type":"WebSite","@id":"https:\/\/www.variationsphase.de\/vp\/#website","url":"https:\/\/www.variationsphase.de\/vp\/","name":"variationsphase","description":"Visualisierung und Erz\u00e4hlr\u00e4ume","publisher":{"@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/3bf21877116b4f739db46a11f19ec0dd"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.variationsphase.de\/vp\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/3bf21877116b4f739db46a11f19ec0dd","name":"Christina","logo":{"@id":"https:\/\/www.variationsphase.de\/vp\/#\/schema\/person\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/pages\/4299","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/comments?post=4299"}],"version-history":[{"count":6,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/pages\/4299\/revisions"}],"predecessor-version":[{"id":4309,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/pages\/4299\/revisions\/4309"}],"up":[{"embeddable":true,"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/pages\/1119"}],"wp:attachment":[{"href":"https:\/\/www.variationsphase.de\/vp\/wp-json\/wp\/v2\/media?parent=4299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}