{ "revision": 0, "last_node_id": 14, "last_link_id": 0, "nodes": [ { "id": 14, "type": "36677b92-5dd8-47a5-9380-4da982c1894f", "pos": [ 3610, -2630 ], "size": [ 270, 150 ], "flags": {}, "order": 3, "mode": 0, "inputs": [ { "label": "image", "localized_name": "images.image0", "name": "images.image0", "type": "IMAGE", "link": null } ], "outputs": [ { "label": "IMAGE", "localized_name": "IMAGE0", "name": "IMAGE0", "type": "IMAGE", "links": [] } ], "properties": { "proxyWidgets": [ [ "4", "value" ], [ "5", "value" ], [ "7", "value" ], [ "6", "value" ] ] }, "widgets_values": [], "title": "Color Adjustment" } ], "links": [], "version": 0.4, "definitions": { "subgraphs": [ { "id": "36677b92-5dd8-47a5-9380-4da982c1894f", "version": 1, "state": { "lastGroupId": 0, "lastNodeId": 16, "lastLinkId": 36, "lastRerouteId": 0 }, "revision": 0, "config": {}, "name": "Color Adjustment", "inputNode": { "id": -10, "bounding": [ 3110, -3560, 120, 60 ] }, "outputNode": { "id": -20, "bounding": [ 4070, -3560, 120, 60 ] }, "inputs": [ { "id": "0431d493-5f28-4430-bd00-84733997fc08", "name": "images.image0", "type": "IMAGE", "linkIds": [ 29 ], "localized_name": "images.image0", "label": "image", "pos": [ 3210, -3540 ] } ], "outputs": [ { "id": "bee8ea06-a114-4612-8937-939f2c927bdb", "name": "IMAGE0", "type": "IMAGE", "linkIds": [ 28 ], "localized_name": "IMAGE0", "label": "IMAGE", "pos": [ 4090, -3540 ] } ], "widgets": [], "nodes": [ { "id": 15, "type": "GLSLShader", "pos": [ 3590, -3940 ], "size": [ 420, 252 ], "flags": {}, "order": 4, "mode": 0, "inputs": [ { "label": "image0", "localized_name": "images.image0", "name": "images.image0", "type": "IMAGE", "link": 29 }, { "label": "image1", "localized_name": "images.image1", "name": "images.image1", "shape": 7, "type": "IMAGE", "link": null }, { "label": "u_float0", "localized_name": "floats.u_float0", "name": "floats.u_float0", "shape": 7, "type": "FLOAT", "link": 34 }, { "label": "u_float1", "localized_name": "floats.u_float1", "name": "floats.u_float1", "shape": 7, "type": "FLOAT", "link": 30 }, { "label": "u_float2", "localized_name": "floats.u_float2", "name": "floats.u_float2", "shape": 7, "type": "FLOAT", "link": 31 }, { "label": "u_float3", "localized_name": "floats.u_float3", "name": "floats.u_float3", "shape": 7, "type": "FLOAT", "link": 33 }, { "label": "u_float4", "localized_name": "floats.u_float4", "name": "floats.u_float4", "shape": 7, "type": "FLOAT", "link": null }, { "label": "u_int0", "localized_name": "ints.u_int0", "name": "ints.u_int0", "shape": 7, "type": "INT", "link": null }, { "localized_name": "fragment_shader", "name": "fragment_shader", "type": "STRING", "widget": { "name": "fragment_shader" }, "link": null }, { "localized_name": "size_mode", "name": "size_mode", "type": "COMFY_DYNAMICCOMBO_V3", "widget": { "name": "size_mode" }, "link": null } ], "outputs": [ { "localized_name": "IMAGE0", "name": "IMAGE0", "type": "IMAGE", "links": [ 28 ] }, { "localized_name": "IMAGE1", "name": "IMAGE1", "type": "IMAGE", "links": null }, { "localized_name": "IMAGE2", "name": "IMAGE2", "type": "IMAGE", "links": null }, { "localized_name": "IMAGE3", "name": "IMAGE3", "type": "IMAGE", "links": null } ], "properties": { "Node name for S&R": "GLSLShader" }, "widgets_values": [ "#version 300 es\nprecision highp float;\n\nuniform sampler2D u_image0;\nuniform float u_float0; // temperature (-100 to 100)\nuniform float u_float1; // tint (-100 to 100)\nuniform float u_float2; // vibrance (-100 to 100)\nuniform float u_float3; // saturation (-100 to 100)\n\nin vec2 v_texCoord;\nout vec4 fragColor;\n\nconst float INPUT_SCALE = 0.01;\nconst float TEMP_TINT_PRIMARY = 0.3;\nconst float TEMP_TINT_SECONDARY = 0.15;\nconst float VIBRANCE_BOOST = 2.0;\nconst float SATURATION_BOOST = 2.0;\nconst float SKIN_PROTECTION = 0.5;\nconst float EPSILON = 0.001;\nconst vec3 LUMA_WEIGHTS = vec3(0.299, 0.587, 0.114);\n\nvoid main() {\n vec4 tex = texture(u_image0, v_texCoord);\n vec3 color = tex.rgb;\n \n // Scale inputs: -100/100 \u2192 -1/1\n float temperature = u_float0 * INPUT_SCALE;\n float tint = u_float1 * INPUT_SCALE;\n float vibrance = u_float2 * INPUT_SCALE;\n float saturation = u_float3 * INPUT_SCALE;\n \n // Temperature (warm/cool): positive = warm, negative = cool\n color.r += temperature * TEMP_TINT_PRIMARY;\n color.b -= temperature * TEMP_TINT_PRIMARY;\n \n // Tint (green/magenta): positive = green, negative = magenta\n color.g += tint * TEMP_TINT_PRIMARY;\n color.r -= tint * TEMP_TINT_SECONDARY;\n color.b -= tint * TEMP_TINT_SECONDARY;\n \n // Single clamp after temperature/tint\n color = clamp(color, 0.0, 1.0);\n \n // Vibrance with skin protection\n if (vibrance != 0.0) {\n float maxC = max(color.r, max(color.g, color.b));\n float minC = min(color.r, min(color.g, color.b));\n float sat = maxC - minC;\n float gray = dot(color, LUMA_WEIGHTS);\n \n if (vibrance < 0.0) {\n // Desaturate: -100 \u2192 gray\n color = mix(vec3(gray), color, 1.0 + vibrance);\n } else {\n // Boost less saturated colors more\n float vibranceAmt = vibrance * (1.0 - sat);\n \n // Branchless skin tone protection\n float isWarmTone = step(color.b, color.g) * step(color.g, color.r);\n float warmth = (color.r - color.b) / max(maxC, EPSILON);\n float skinTone = isWarmTone * warmth * sat * (1.0 - sat);\n vibranceAmt *= (1.0 - skinTone * SKIN_PROTECTION);\n \n color = mix(vec3(gray), color, 1.0 + vibranceAmt * VIBRANCE_BOOST);\n }\n }\n \n // Saturation\n if (saturation != 0.0) {\n float gray = dot(color, LUMA_WEIGHTS);\n float satMix = saturation < 0.0\n ? 1.0 + saturation // -100 \u2192 gray\n : 1.0 + saturation * SATURATION_BOOST; // +100 \u2192 3x boost\n color = mix(vec3(gray), color, satMix);\n }\n \n fragColor = vec4(clamp(color, 0.0, 1.0), tex.a);\n}", "from_input" ] }, { "id": 6, "type": "PrimitiveFloat", "pos": [ 3290, -3610 ], "size": [ 270, 58 ], "flags": {}, "order": 0, "mode": 0, "inputs": [ { "label": "vibrance", "localized_name": "value", "name": "value", "type": "FLOAT", "widget": { "name": "value" }, "link": null } ], "outputs": [ { "localized_name": "FLOAT", "name": "FLOAT", "type": "FLOAT", "links": [ 26, 31 ] } ], "title": "Vibrance", "properties": { "Node name for S&R": "PrimitiveFloat", "max": 100, "min": -100, "step": 1, "display": "gradientslider", "gradient_stops": [ { "offset": 0, "color": [ 128, 128, 128 ] }, { "offset": 1, "color": [ 255, 0, 0 ] } ] }, "widgets_values": [ 0 ] }, { "id": 7, "type": "PrimitiveFloat", "pos": [ 3290, -3720 ], "size": [ 270, 58 ], "flags": {}, "order": 1, "mode": 0, "inputs": [ { "label": "saturation", "localized_name": "value", "name": "value", "type": "FLOAT", "widget": { "name": "value" }, "link": null } ], "outputs": [ { "localized_name": "FLOAT", "name": "FLOAT", "type": "FLOAT", "links": [ 33 ] } ], "title": "Saturation", "properties": { "Node name for S&R": "PrimitiveFloat", "max": 100, "min": -100, "step": 1, "display": "gradientslider", "gradient_stops": [ { "offset": 0, "color": [ 128, 128, 128 ] }, { "offset": 1, "color": [ 255, 0, 0 ] } ] }, "widgets_values": [ 0 ] }, { "id": 5, "type": "PrimitiveFloat", "pos": [ 3290, -3830 ], "size": [ 270, 58 ], "flags": {}, "order": 2, "mode": 0, "inputs": [ { "label": "tint", "localized_name": "value", "name": "value", "type": "FLOAT", "widget": { "name": "value" }, "link": null } ], "outputs": [ { "localized_name": "FLOAT", "name": "FLOAT", "type": "FLOAT", "links": [ 30 ] } ], "title": "Tint", "properties": { "Node name for S&R": "PrimitiveFloat", "max": 100, "min": -100, "step": 1, "display": "gradientslider", "gradient_stops": [ { "offset": 0, "color": [ 0, 255, 0 ] }, { "offset": 0.5, "color": [ 255, 255, 255 ] }, { "offset": 1, "color": [ 255, 0, 255 ] } ] }, "widgets_values": [ 0 ] }, { "id": 4, "type": "PrimitiveFloat", "pos": [ 3290, -3940 ], "size": [ 270, 58 ], "flags": {}, "order": 3, "mode": 0, "inputs": [ { "label": "temperature", "localized_name": "value", "name": "value", "type": "FLOAT", "widget": { "name": "value" }, "link": null } ], "outputs": [ { "localized_name": "FLOAT", "name": "FLOAT", "type": "FLOAT", "links": [ 34 ] } ], "title": "Temperature", "properties": { "Node name for S&R": "PrimitiveFloat", "max": 100, "min": -100, "step": 1, "display": "gradientslider", "gradient_stops": [ { "offset": 0, "color": [ 68, 136, 255 ] }, { "offset": 0.5, "color": [ 255, 255, 255 ] }, { "offset": 1, "color": [ 255, 136, 0 ] } ] }, "widgets_values": [ 0 ] } ], "groups": [], "links": [ { "id": 34, "origin_id": 4, "origin_slot": 0, "target_id": 15, "target_slot": 2, "type": "FLOAT" }, { "id": 30, "origin_id": 5, "origin_slot": 0, "target_id": 15, "target_slot": 3, "type": "FLOAT" }, { "id": 31, "origin_id": 6, "origin_slot": 0, "target_id": 15, "target_slot": 4, "type": "FLOAT" }, { "id": 33, "origin_id": 7, "origin_slot": 0, "target_id": 15, "target_slot": 5, "type": "FLOAT" }, { "id": 29, "origin_id": -10, "origin_slot": 0, "target_id": 15, "target_slot": 0, "type": "IMAGE" }, { "id": 28, "origin_id": 15, "origin_slot": 0, "target_id": -20, "target_slot": 0, "type": "IMAGE" } ], "extra": { "workflowRendererVersion": "LG" }, "category": "Image Tools/Color adjust", "description": "Adjusts saturation, temperature, tint, and vibrance using a real-time GPU fragment shader." } ] } }