LayerStyle

2167
By chflame
Updated 15 days ago
View on GitHub →See Common Issues →

A set of nodes for ComfyUI that can composite layer and mask to achieve Photoshop like functionality.

Available Nodes

LayerUtility: ColorPicker

LayerUtility: ColorPicker Node Documentation

Overview

The LayerUtility: ColorPicker node is a part of the ComfyUI extension housed in the ComfyUI_LayerStyle repository. This node is designed to facilitate color manipulation by converting color values between different modes. It allows users to select a color and output it either in hexadecimal (HEX) or decimal (DEC) format.

Inputs

The node accepts the following inputs:

  1. Color:

    • Type: Color
    • Default Value: #FFFFFF
    • Description: The color input in hexadecimal format. Users will provide a color code which the node will process.
  2. Mode:

    • Options: HEX, DEC
    • Description: Determines the format of the output. Users can choose between two modes:
      • HEX: The color will be output as a hexadecimal string.
      • DEC: The color will be converted and output as a decimal value representing the RGB components.

Outputs

The node produces the following output:

  1. Value:
    • Type: String
    • Description: The resulting color value in the specified mode. If the mode is DEC, the color is output as a decimal representation of RGB values. In HEX mode, the output remains in the hexadecimal format.

Usage in ComfyUI Workflows

In ComfyUI workflows, the LayerUtility: ColorPicker node can be used wherever color manipulation or conversion is required. It serves as a utility node that enhances the flexibility of working with color data by allowing seamless conversion from commonly used hex color codes to RGB decimal values and vice versa. This can be particularly useful in workflows involving color-sensitive processes, such as graphic designs, visualizations, or any operations needing precise color selections and manipulations.

Example Use Case:

  • Design Adjustments: In a UI design workflow, a designer may choose a color from a palette in hex format but needs to convert it to decimal to use in certain processing steps. The ColorPicker node provides this conversion efficiently, allowing designers to integrate hex color codes directly from web tools or design applications and convert them within the ComfyUI environment.

Special Features and Considerations

  • Ease of Use: The node is straightforward, requiring minimal interaction beyond selecting the desired output mode.
  • Versatility: By supporting both hex and decimal formats, it caters to a wide range of applications and user preferences.
  • Compatibility: It integrates well into existing workflows without requiring extensive modifications or additional nodes.

The LayerUtility: ColorPicker node thus offers a simple, yet powerful tool for handling color data in your ComfyUI projects, making color manipulation tasks more accessible and efficient.