diff --git a/src/Artemis.Core/Models/Profile/LayerProperties/ILayerProperty.cs b/src/Artemis.Core/Models/Profile/LayerProperties/ILayerProperty.cs
index 9391c1027..52ae56bf1 100644
--- a/src/Artemis.Core/Models/Profile/LayerProperties/ILayerProperty.cs
+++ b/src/Artemis.Core/Models/Profile/LayerProperties/ILayerProperty.cs
@@ -22,6 +22,11 @@ namespace Artemis.Core
         /// </summary>
         LayerPropertyGroup LayerPropertyGroup { get; }
 
+        /// <summary>
+        ///     Gets or sets whether the property is hidden in the UI
+        /// </summary>
+        public bool IsHidden { get; set; }
+
         /// <summary>
         ///     Gets the data binding of this property
         /// </summary>
diff --git a/src/Artemis.Core/Models/Profile/LayerProperties/LayerProperty.cs b/src/Artemis.Core/Models/Profile/LayerProperties/LayerProperty.cs
index d75e47af0..059707618 100644
--- a/src/Artemis.Core/Models/Profile/LayerProperties/LayerProperty.cs
+++ b/src/Artemis.Core/Models/Profile/LayerProperties/LayerProperty.cs
@@ -105,9 +105,7 @@ namespace Artemis.Core
 
         private bool _isHidden;
 
-        /// <summary>
-        ///     Gets or sets whether the property is hidden in the UI
-        /// </summary>
+        /// <inheritdoc />
         public bool IsHidden
         {
             get => _isHidden;
diff --git a/src/Artemis.Core/VisualScripting/NodeScript.cs b/src/Artemis.Core/VisualScripting/NodeScript.cs
index 0094d8daa..faeac5616 100644
--- a/src/Artemis.Core/VisualScripting/NodeScript.cs
+++ b/src/Artemis.Core/VisualScripting/NodeScript.cs
@@ -178,9 +178,13 @@ namespace Artemis.Core
             Entity.Description = Description;
 
             Entity.Nodes.Clear();
-            int id = 0;
+            
+            // No need to save the exit node if that's all there is
+            if (Nodes.Count() == 1)
+                return;
 
-            Dictionary<INode, int> nodes = new();
+            int id = 0;
+            
             foreach (INode node in Nodes)
             {
                 NodeEntity nodeEntity = new()
@@ -208,7 +212,6 @@ namespace Artemis.Core
                 }
 
                 Entity.Nodes.Add(nodeEntity);
-                nodes.Add(node, id);
                 id++;
             }
 
@@ -216,20 +219,21 @@ namespace Artemis.Core
             Entity.Connections.Clear();
             foreach (INode node in Nodes)
             {
-                SavePins(nodes, node, -1, node.Pins);
+                SavePins(node, -1, node.Pins);
 
                 int pinCollectionId = 0;
                 foreach (IPinCollection pinCollection in node.PinCollections)
                 {
-                    SavePins(nodes, node, pinCollectionId, pinCollection);
+                    SavePins(node, pinCollectionId, pinCollection);
                     pinCollectionId++;
                 }
             }
         }
 
-        private void SavePins(Dictionary<INode, int> nodes, INode node, int collectionId, IEnumerable<IPin> pins)
+        private void SavePins(INode node, int collectionId, IEnumerable<IPin> pins)
         {
             int sourcePinId = 0;
+            List<INode> nodes = Nodes.ToList();
             foreach (IPin sourcePin in pins.Where(p => p.Direction == PinDirection.Input))
             {
                 foreach (IPin targetPin in sourcePin.ConnectedTo)
@@ -249,11 +253,11 @@ namespace Artemis.Core
                     Entity.Connections.Add(new NodeConnectionEntity()
                     {
                         SourceType = sourcePin.Type.Name,
-                        SourceNode = nodes[node],
+                        SourceNode = nodes.IndexOf(node),
                         SourcePinCollectionId = collectionId,
                         SourcePinId = sourcePinId,
                         TargetType = targetPin.Type.Name,
-                        TargetNode = nodes[targetPin.Node],
+                        TargetNode = nodes.IndexOf(targetPin.Node),
                         TargetPinCollectionId = targetPinCollectionId,
                         TargetPinId = targetPinId,
                     });
diff --git a/src/Artemis.UI/Services/RegistrationService.cs b/src/Artemis.UI/Services/RegistrationService.cs
index 5adbd456b..820ff6fd5 100644
--- a/src/Artemis.UI/Services/RegistrationService.cs
+++ b/src/Artemis.UI/Services/RegistrationService.cs
@@ -126,6 +126,7 @@ namespace Artemis.UI.Services
             _nodeService.RegisterTypeColor(Constants.CorePlugin, typeof(int), new SKColor(0xFF32CD32));
             _nodeService.RegisterTypeColor(Constants.CorePlugin, typeof(double), new SKColor(0xFF1E90FF));
             _nodeService.RegisterTypeColor(Constants.CorePlugin, typeof(float), new SKColor(0xFFFF7C00));
+            _nodeService.RegisterTypeColor(Constants.CorePlugin, typeof(SKColor), new SKColor(0xFF7630C7));
             _nodeService.RegisterTypeColor(Constants.CorePlugin, typeof(IList), new SKColor(0xFFC842FF));
 
             foreach (Type nodeType in typeof(SumIntegersNode).Assembly.GetTypes().Where(t => typeof(INode).IsAssignableFrom(t) && t.IsPublic && !t.IsAbstract && !t.IsInterface))
diff --git a/src/Artemis.UI/packages.lock.json b/src/Artemis.UI/packages.lock.json
index 4a5da0c7b..2a76c380f 100644
--- a/src/Artemis.UI/packages.lock.json
+++ b/src/Artemis.UI/packages.lock.json
@@ -535,8 +535,8 @@
       },
       "SkiaSharp": {
         "type": "Transitive",
-        "resolved": "2.80.2",
-        "contentHash": "D25rzdCwh+3L+XyXqpNa+H/yiLJbE3/R3K/XexwHyQjGdzZvSufFW3oqf3En7hhqSIsxsJ8f5NEZ0J5W5wlGBg==",
+        "resolved": "2.80.3",
+        "contentHash": "qX6tGNP3+MXNYe2pKm0PCRiJ/cx+LTeLaggwZifB7sUMXhECfKKKHJq45VqZKt37xQegnCCdf1jHXwmHeJQs5Q==",
         "dependencies": {
           "System.Memory": "4.5.3"
         }
@@ -1484,6 +1484,7 @@
           "Artemis.Core": "1.0.0",
           "Artemis.UI.Shared": "2.0.0",
           "JetBrains.Annotations": "2021.1.0",
+          "SkiaSharp": "2.80.3",
           "Stylet": "1.3.6"
         }
       }
diff --git a/src/Artemis.VisualScripting/Artemis.VisualScripting.csproj b/src/Artemis.VisualScripting/Artemis.VisualScripting.csproj
index 85b4c6b8e..987d69f58 100644
--- a/src/Artemis.VisualScripting/Artemis.VisualScripting.csproj
+++ b/src/Artemis.VisualScripting/Artemis.VisualScripting.csproj
@@ -37,6 +37,7 @@
 
   <ItemGroup>
     <PackageReference Include="JetBrains.Annotations" Version="2021.1.0" />
+    <PackageReference Include="SkiaSharp" Version="2.80.3" />
     <PackageReference Include="Stylet" Version="1.3.6" />
   </ItemGroup>
 
diff --git a/src/Artemis.VisualScripting/Editor/Styles/VisualScriptCablePresenter.xaml b/src/Artemis.VisualScripting/Editor/Styles/VisualScriptCablePresenter.xaml
index 223a2b870..57770438c 100644
--- a/src/Artemis.VisualScripting/Editor/Styles/VisualScriptCablePresenter.xaml
+++ b/src/Artemis.VisualScripting/Editor/Styles/VisualScriptCablePresenter.xaml
@@ -3,14 +3,16 @@
                     xmlns:system="clr-namespace:System;assembly=System.Runtime"
                     xmlns:controls="clr-namespace:Artemis.VisualScripting.Editor.Controls"
                     xmlns:converters="clr-namespace:Artemis.VisualScripting.Converters"
-                    xmlns:collections="clr-namespace:System.Collections;assembly=System.Runtime">
-    <converters:CenterTranslateConverter x:Key="CenterTranslateConverter"/>
+                    xmlns:collections="clr-namespace:System.Collections;assembly=System.Runtime"
+                    xmlns:skiaSharp="clr-namespace:SkiaSharp;assembly=SkiaSharp"
+                    xmlns:shared="clr-namespace:Artemis.UI.Shared;assembly=Artemis.UI.Shared">
+    <converters:CenterTranslateConverter x:Key="CenterTranslateConverter" />
 
     <ControlTemplate x:Key="TemplateVisualScriptCablePresenter"
                      TargetType="{x:Type controls:VisualScriptCablePresenter}">
         <Canvas>
             <Path x:Name="PART_Path"
-                  Stroke="{TemplateBinding BorderBrush}" 
+                  Stroke="{TemplateBinding BorderBrush}"
                   StrokeThickness="{TemplateBinding Thickness}"
                   StrokeStartLineCap="Round"
                   StrokeEndLineCap="Round">
@@ -21,8 +23,8 @@
                                 <PathFigure StartPoint="{Binding Cable.From.AbsolutePosition, RelativeSource={RelativeSource TemplatedParent}}">
                                     <PathFigure.Segments>
                                         <PathSegmentCollection>
-                                            <BezierSegment Point1="{Binding Cable.From.AbsoluteCableTargetPosition, RelativeSource={RelativeSource TemplatedParent}}" 
-                                                           Point2="{Binding Cable.To.AbsoluteCableTargetPosition, RelativeSource={RelativeSource TemplatedParent}}" 
+                                            <BezierSegment Point1="{Binding Cable.From.AbsoluteCableTargetPosition, RelativeSource={RelativeSource TemplatedParent}}"
+                                                           Point2="{Binding Cable.To.AbsoluteCableTargetPosition, RelativeSource={RelativeSource TemplatedParent}}"
                                                            Point3="{Binding Cable.To.AbsolutePosition, RelativeSource={RelativeSource TemplatedParent}}" />
                                         </PathSegmentCollection>
                                     </PathFigure.Segments>
@@ -36,26 +38,60 @@
             <Border Canvas.Left="{Binding ValuePosition.X, RelativeSource={RelativeSource TemplatedParent}}"
                     Canvas.Top="{Binding ValuePosition.Y, RelativeSource={RelativeSource TemplatedParent}}"
                     Background="#2A2A2A"
-                    BorderBrush="{TemplateBinding BorderBrush}" 
+                    BorderBrush="{TemplateBinding BorderBrush}"
                     BorderThickness="2"
                     Padding="6"
                     CornerRadius="2"
                     x:Name="PART_ValueDisplay">
                 <Border.RenderTransform>
-                    <TranslateTransform X="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Border}, Converter={StaticResource CenterTranslateConverter}}" 
+                    <TranslateTransform X="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=Border}, Converter={StaticResource CenterTranslateConverter}}"
                                         Y="{Binding ActualHeight, RelativeSource={RelativeSource AncestorType=Border}, Converter={StaticResource CenterTranslateConverter}}" />
                 </Border.RenderTransform>
-                <TextBlock Text="{Binding Cable.From.Pin.PinValue, TargetNullValue=-, RelativeSource={RelativeSource TemplatedParent}}" />
+
+                <Border.Resources>
+                    <DataTemplate DataType="{x:Type skiaSharp:SKColor}">
+                        <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
+                            <StackPanel.Resources>
+                                <shared:SKColorToStringConverter x:Key="SKColorToStringConverter" />
+                                <shared:SKColorToColorConverter x:Key="SKColorToColorConverter" />
+                            </StackPanel.Resources>
+                            <TextBlock x:Name="HexDisplay"
+                                       Text="{Binding Converter={StaticResource SKColorToStringConverter}}"
+                                       VerticalAlignment="Center"
+                                       HorizontalAlignment="Stretch" />
+                            <Border Width="{Binding ActualHeight, ElementName=HexDisplay}"
+                                    Height="{Binding ActualHeight, ElementName=HexDisplay}"
+                                    CornerRadius="{Binding ActualHeight, ElementName=HexDisplay}"
+                                    Margin="5 0 0 0"
+                                    VerticalAlignment="Center"
+                                    HorizontalAlignment="Right"
+                                    Background="{StaticResource Checkerboard}">
+                                <Ellipse Stroke="{DynamicResource NormalBorderBrush}">
+                                    <Ellipse.Fill>
+                                        <SolidColorBrush Color="{Binding Converter={StaticResource SKColorToColorConverter}}" />
+                                    </Ellipse.Fill>
+                                </Ellipse>
+                            </Border>
+                        </StackPanel>
+                    </DataTemplate>
+
+                    <!-- <DataTemplate DataType=""> -->
+                    <!--     <TextBlock></TextBlock> -->
+                    <!-- </DataTemplate> -->
+                </Border.Resources>
+
+                <ContentControl Content="{Binding Cable.From.Pin.PinValue, RelativeSource={RelativeSource TemplatedParent}}" />
+                <!-- <TextBlock Text="{Binding Cable.From.Pin.PinValue, TargetNullValue=-, RelativeSource={RelativeSource TemplatedParent}}" /> -->
             </Border>
         </Canvas>
 
     </ControlTemplate>
 
-    <Style x:Key="StyleVisualScriptCablePresenter" 
+    <Style x:Key="StyleVisualScriptCablePresenter"
            TargetType="{x:Type controls:VisualScriptCablePresenter}">
 
         <Setter Property="BorderBrush" Value="#FFFFFFFF" />
-        <Setter Property="Thickness"  Value="4" />
+        <Setter Property="Thickness" Value="4" />
         <Setter Property="Template" Value="{StaticResource TemplateVisualScriptCablePresenter}" />
 
         <Style.Triggers>
diff --git a/src/Artemis.VisualScripting/Nodes/Color/BrightenSKColorNode.cs b/src/Artemis.VisualScripting/Nodes/Color/BrightenSKColorNode.cs
new file mode 100644
index 000000000..902c08b1b
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/BrightenSKColorNode.cs
@@ -0,0 +1,27 @@
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Brighten Color", "Brightens a color by a specified amount in percent")]
+    public class BrightenSKColorNode : Node
+    {
+        public BrightenSKColorNode() : base("Brighten Color", "Brightens a color by a specified amount in percent")
+        {
+            Input = CreateInputPin<SKColor>("Color");
+            Percentage = CreateInputPin<float>("%");
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        public InputPin<SKColor> Input { get; }
+        public InputPin<float> Percentage { get; }
+        public OutputPin<SKColor> Output { get; set; }
+
+        public override void Evaluate()
+        {
+            Input.Value.ToHsl(out float h, out float s, out float l);
+            l *= (Percentage.Value + 100f) / 100f;
+            Output.Value = SKColor.FromHsl(h, s, l);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/CustomViewModels/StaticSKColorValueNodeCustomViewModel.cs b/src/Artemis.VisualScripting/Nodes/Color/CustomViewModels/StaticSKColorValueNodeCustomViewModel.cs
new file mode 100644
index 000000000..67a6c87a8
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/CustomViewModels/StaticSKColorValueNodeCustomViewModel.cs
@@ -0,0 +1,38 @@
+using System.ComponentModel;
+using Artemis.VisualScripting.Nodes.CustomViewModels;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color.CustomViewModels
+{
+    public class StaticSKColorValueNodeCustomViewModel : CustomNodeViewModel
+    {
+        private readonly StaticSKColorValueNode _node;
+
+        public StaticSKColorValueNodeCustomViewModel(StaticSKColorValueNode node) : base(node)
+        {
+            _node = node;
+        }
+
+        public SKColor Input
+        {
+            get => (SKColor) (_node.Storage ?? SKColor.Empty);
+            set => _node.Storage = value;
+        }
+
+        public override void OnActivate()
+        {
+            _node.PropertyChanged += NodeOnPropertyChanged;
+        }
+
+        public override void OnDeactivate()
+        {
+            _node.PropertyChanged -= NodeOnPropertyChanged;
+        }
+
+        private void NodeOnPropertyChanged(object sender, PropertyChangedEventArgs e)
+        {
+            if (e.PropertyName == nameof(Node.Storage))
+                OnPropertyChanged(nameof(Input));
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/CustomViews/StaticSKColorValueNodeCustomView.xaml b/src/Artemis.VisualScripting/Nodes/Color/CustomViews/StaticSKColorValueNodeCustomView.xaml
new file mode 100644
index 000000000..6b34b4a5c
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/CustomViews/StaticSKColorValueNodeCustomView.xaml
@@ -0,0 +1,16 @@
+<UserControl x:Class="Artemis.VisualScripting.Nodes.Color.CustomViews.StaticSKColorValueNodeCustomView"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:local="clr-namespace:Artemis.VisualScripting.Nodes.Color.CustomViews"
+             xmlns:shared="clr-namespace:Artemis.UI.Shared;assembly=Artemis.UI.Shared"
+             mc:Ignorable="d" 
+             d:DesignHeight="450" d:DesignWidth="800">
+    <UserControl.Resources>
+        <shared:SKColorToColorConverter x:Key="SKColorToColorConverter" />
+    </UserControl.Resources>
+    <shared:ColorPicker VerticalAlignment="Center"
+                        HorizontalAlignment="Stretch"
+                        Color="{Binding Input, Converter={StaticResource SKColorToColorConverter}}" />
+</UserControl>
diff --git a/src/Artemis.VisualScripting/Nodes/Color/DarkenSKColorNode.cs b/src/Artemis.VisualScripting/Nodes/Color/DarkenSKColorNode.cs
new file mode 100644
index 000000000..5c3496951
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/DarkenSKColorNode.cs
@@ -0,0 +1,27 @@
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Darken Color", "Darkens a color by a specified amount in percent")]
+    public class DarkenSKColorNode : Node
+    {
+        public DarkenSKColorNode() : base("Darken Color", "Darkens a color by a specified amount in percent")
+        {
+            Input = CreateInputPin<SKColor>("Color");
+            Percentage = CreateInputPin<float>("%");
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        public InputPin<SKColor> Input { get; }
+        public InputPin<float> Percentage { get; }
+        public OutputPin<SKColor> Output { get; set; }
+
+        public override void Evaluate()
+        {
+            Input.Value.ToHsl(out float h, out float s, out float l);
+            l *= (Percentage.Value * -1 + 100f) / 100f;
+            Output.Value = SKColor.FromHsl(h, s, l);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/DesaturateSKColorNode.cs b/src/Artemis.VisualScripting/Nodes/Color/DesaturateSKColorNode.cs
new file mode 100644
index 000000000..e1b0457c5
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/DesaturateSKColorNode.cs
@@ -0,0 +1,29 @@
+using System;
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Desaturate Color", "Desaturates a color by a specified amount in percent")]
+    public class DesaturateSKColorNode : Node
+    {
+        public DesaturateSKColorNode() : base("Desaturate Color", "Desaturates a color by a specified amount in percent")
+        {
+            Input = CreateInputPin<SKColor>("Color");
+            Percentage = CreateInputPin<float>("%");
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        public InputPin<SKColor> Input { get; }
+        public InputPin<float> Percentage { get; }
+        public OutputPin<SKColor> Output { get; set; }
+
+        public override void Evaluate()
+        {
+            Input.Value.ToHsl(out float h, out float s, out float l);
+            s -= Percentage.Value;
+            s = Math.Clamp(s, 0, 100);
+            Output.Value = SKColor.FromHsl(h, s, l);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/HslSKColorNode.cs b/src/Artemis.VisualScripting/Nodes/Color/HslSKColorNode.cs
new file mode 100644
index 000000000..7e568016a
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/HslSKColorNode.cs
@@ -0,0 +1,32 @@
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("HSL Color", "Creates a color from hue, saturation and lightness values")]
+    public class HslSKColorNode : Node
+    {
+        public HslSKColorNode() : base("HSL Color", "Creates a color from hue, saturation and lightness values")
+        {
+            H = CreateInputPin<float>("H");
+            S = CreateInputPin<float>("S");
+            L = CreateInputPin<float>("L");
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        public InputPin<float> H { get; set; }
+        public InputPin<float> S { get; set; }
+        public InputPin<float> L { get; set; }
+        public OutputPin<SKColor> Output { get; }
+
+        #region Overrides of Node
+
+        /// <inheritdoc />
+        public override void Evaluate()
+        {
+            Output.Value = SKColor.FromHsl(H.Value, S.Value, L.Value);
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/InvertSKColorNode.cs b/src/Artemis.VisualScripting/Nodes/Color/InvertSKColorNode.cs
new file mode 100644
index 000000000..8d43a6a9a
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/InvertSKColorNode.cs
@@ -0,0 +1,25 @@
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Invert Color", "Inverts a color by a specified amount in percent")]
+    public class InvertSKColorNode : Node
+    {
+        public InvertSKColorNode() : base("Invert Color", "Inverts a color")
+        {
+            Input = CreateInputPin<SKColor>();
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        public InputPin<SKColor> Input { get; }
+        public OutputPin<SKColor> Output { get; set; }
+
+        public override void Evaluate()
+        {
+            Input.Value.ToHsl(out float h, out float s, out float l);
+            h += 180;
+            Output.Value = SKColor.FromHsl(h % 360, s, l);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/RotateHueSkColorNode.cs b/src/Artemis.VisualScripting/Nodes/Color/RotateHueSkColorNode.cs
new file mode 100644
index 000000000..bc17fdefa
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/RotateHueSkColorNode.cs
@@ -0,0 +1,27 @@
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Rotate Color Hue", "Rotates the hue of a color by a specified amount in degrees")]
+    public class RotateHueSKColorNode : Node
+    {
+        public RotateHueSKColorNode() : base("Rotate Color Hue", "Rotates the hue of a color by a specified amount in degrees")
+        {
+            Input = CreateInputPin<SKColor>("Color");
+            Amount = CreateInputPin<float>("Amount");
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        public InputPin<SKColor> Input { get; }
+        public InputPin<float> Amount { get; }
+        public OutputPin<SKColor> Output { get; set; }
+
+        public override void Evaluate()
+        {
+            Input.Value.ToHsl(out float h, out float s, out float l);
+            h += Amount.Value;
+            Output.Value = SKColor.FromHsl(h % 360, s, l);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/SaturateSkColorNode.cs b/src/Artemis.VisualScripting/Nodes/Color/SaturateSkColorNode.cs
new file mode 100644
index 000000000..e581eade8
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/SaturateSkColorNode.cs
@@ -0,0 +1,29 @@
+using System;
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Saturate Color", "Saturates a color by a specified amount in percent")]
+    public class SaturateSKColorNode : Node
+    {
+        public SaturateSKColorNode() : base("Saturate Color", "Saturates a color by a specified amount in percent")
+        {
+            Input = CreateInputPin<SKColor>("Color");
+            Percentage = CreateInputPin<float>("%");
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        public InputPin<SKColor> Input { get; }
+        public InputPin<float> Percentage { get; }
+        public OutputPin<SKColor> Output { get; set; }
+
+        public override void Evaluate()
+        {
+            Input.Value.ToHsl(out float h, out float s, out float l);
+            s += Percentage.Value;
+            s = Math.Clamp(s, 0, 100);
+            Output.Value = SKColor.FromHsl(h, s, l);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/StaticSKColorValueNode.cs b/src/Artemis.VisualScripting/Nodes/Color/StaticSKColorValueNode.cs
new file mode 100644
index 000000000..9922cd68e
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/StaticSKColorValueNode.cs
@@ -0,0 +1,43 @@
+using Artemis.Core;
+using Artemis.VisualScripting.Nodes.Color.CustomViewModels;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Color-Value", "Outputs a configurable color value.")]
+    public class StaticSKColorValueNode : Node<StaticSKColorValueNodeCustomViewModel>
+    {
+        #region Constructors
+
+        public StaticSKColorValueNode()
+            : base("Color", "Outputs a configurable color value.")
+        {
+            Output = CreateOutputPin<SKColor>();
+        }
+
+        #endregion
+
+        #region Properties & Fields
+
+        public OutputPin<SKColor> Output { get; }
+
+        #endregion
+
+        #region Methods
+
+        public override void Evaluate()
+        {
+            Output.Value = Storage as SKColor? ?? SKColor.Empty;
+        }
+
+        public override void Initialize(INodeScript script)
+        {
+            if (Storage is string && SKColor.TryParse(Storage.ToString(), out SKColor parsed))
+                Storage = parsed;
+            else
+                Storage = SKColor.Empty;
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/Color/SumSKColorsNode.cs b/src/Artemis.VisualScripting/Nodes/Color/SumSKColorsNode.cs
new file mode 100644
index 000000000..8cf3e4d9e
--- /dev/null
+++ b/src/Artemis.VisualScripting/Nodes/Color/SumSKColorsNode.cs
@@ -0,0 +1,46 @@
+using Artemis.Core;
+using SkiaSharp;
+
+namespace Artemis.VisualScripting.Nodes.Color
+{
+    [Node("Sum (Color)", "Sums the connected color values.")]
+    public class SumSKColorsNode : Node
+    {
+        #region Properties & Fields
+
+        public InputPinCollection<SKColor> Values { get; }
+
+        public OutputPin<SKColor> Sum { get; }
+
+        #endregion
+
+        #region Constructors
+
+        public SumSKColorsNode()
+            : base("Sum", "Sums the connected color values.")
+        {
+            Values = CreateInputPinCollection<SKColor>("Values", 2);
+            Sum = CreateOutputPin<SKColor>("Sum");
+        }
+
+        #endregion
+
+        #region Methods
+
+        public override void Evaluate()
+        {
+            SKColor result = SKColor.Empty;
+
+            bool first = true;
+            foreach (SKColor current in Values.Values)
+            {
+                result = first ? current : result.Sum(current);
+                first = false;
+            }
+
+            Sum.Value = result;
+        }
+
+        #endregion
+    }
+}
\ No newline at end of file
diff --git a/src/Artemis.VisualScripting/Nodes/CustomViewModels/LayerPropertyNodeCustomViewModel.cs b/src/Artemis.VisualScripting/Nodes/CustomViewModels/LayerPropertyNodeCustomViewModel.cs
index f18667794..9b8d4e0f4 100644
--- a/src/Artemis.VisualScripting/Nodes/CustomViewModels/LayerPropertyNodeCustomViewModel.cs
+++ b/src/Artemis.VisualScripting/Nodes/CustomViewModels/LayerPropertyNodeCustomViewModel.cs
@@ -45,11 +45,11 @@ namespace Artemis.VisualScripting.Nodes.CustomViewModels
         private void GetProfileElements()
         {
             ProfileElements.Clear();
-            if (_node.Script.Context is not Profile profile) 
+            if (_node.Script.Context is not Profile profile)
                 return;
 
             List<RenderProfileElement> elements = new(profile.GetAllRenderElements());
-            
+
             ProfileElements.AddRange(elements.OrderBy(e => e.Order));
             _selectedProfileElement = _node.ProfileElement;
             NotifyOfPropertyChange(nameof(SelectedProfileElement));
@@ -61,7 +61,7 @@ namespace Artemis.VisualScripting.Nodes.CustomViewModels
             if (_node.ProfileElement == null)
                 return;
 
-            LayerProperties.AddRange(_node.ProfileElement.GetAllLayerProperties().Where(l => l.DataBindingsSupported));
+            LayerProperties.AddRange(_node.ProfileElement.GetAllLayerProperties().Where(l => !l.IsHidden && l.DataBindingsSupported));
             _selectedLayerProperty = _node.LayerProperty;
             NotifyOfPropertyChange(nameof(SelectedLayerProperty));
         }
diff --git a/src/Artemis.VisualScripting/packages.lock.json b/src/Artemis.VisualScripting/packages.lock.json
index 9772bbc7d..2074ce8e1 100644
--- a/src/Artemis.VisualScripting/packages.lock.json
+++ b/src/Artemis.VisualScripting/packages.lock.json
@@ -8,6 +8,15 @@
         "resolved": "2021.1.0",
         "contentHash": "n9JSw5Z+F+6gp9vSv4aLH6p/bx3GAYA6FZVq1wJq/TJySv/kPgFKLGFeS7A8Xa5X4/GWorh5gd43yjamUgnBNA=="
       },
+      "SkiaSharp": {
+        "type": "Direct",
+        "requested": "[2.80.3, )",
+        "resolved": "2.80.3",
+        "contentHash": "qX6tGNP3+MXNYe2pKm0PCRiJ/cx+LTeLaggwZifB7sUMXhECfKKKHJq45VqZKt37xQegnCCdf1jHXwmHeJQs5Q==",
+        "dependencies": {
+          "System.Memory": "4.5.3"
+        }
+      },
       "Stylet": {
         "type": "Direct",
         "requested": "[1.3.6, )",
@@ -368,14 +377,6 @@
         "resolved": "1.7.5",
         "contentHash": "v9U5sSMGFE2zCMbh42BYHkaRYkmwwhsKMGcNRdHAKqD1ryOf4mhqnJR0o07hwg5KIEmCI9bDdrgYSmiZWlL+eA=="
       },
-      "SkiaSharp": {
-        "type": "Transitive",
-        "resolved": "2.80.2",
-        "contentHash": "D25rzdCwh+3L+XyXqpNa+H/yiLJbE3/R3K/XexwHyQjGdzZvSufFW3oqf3En7hhqSIsxsJ8f5NEZ0J5W5wlGBg==",
-        "dependencies": {
-          "System.Memory": "4.5.3"
-        }
-      },
       "SkiaSharp.Views.Desktop.Common": {
         "type": "Transitive",
         "resolved": "2.80.2",