ui: Update rgbaToHex to optionally return alpha value or not

invoke-ai · Mar 21, 2024 · 8ca21ab · 8ca21ab
1 parent 5e01c46
commit 8ca21ab
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/invokeai/frontend/web/src/common/util/colorCodeTransformers.ts b/invokeai/frontend/web/src/common/util/colorCodeTransformers.ts
@@ -1,11 +1,11 @@
 import type { RgbaColor } from 'react-colorful';
 
-export function rgbaToHex(color: RgbaColor): string {
+export function rgbaToHex(color: RgbaColor, alpha: boolean = false): string {
   const hex = ((1 << 24) + (color.r << 16) + (color.g << 8) + color.b).toString(16).slice(1);
   const alphaHex = Math.round(color.a * 255)
     .toString(16)
     .padStart(2, '0');
-  return `#${hex}${alphaHex}`;
+  return alpha ? `#${hex}${alphaHex}` : `#${hex}`;
 }
 
 export function hexToRGBA(hex: string, alpha: number) {

diff --git a/...eatures/nodes/components/flow/nodes/Invocation/fields/inputs/ColorFieldInputComponent.tsx b/...eatures/nodes/components/flow/nodes/Invocation/fields/inputs/ColorFieldInputComponent.tsx
@@ -61,7 +61,7 @@ const ColorFieldInputComponent = (props: FieldComponentProps<ColorFieldInputInst
           outline: 'none',
         }}
         className="nodrag"
-        color={rgbaToHex(color)}
+        color={rgbaToHex(color, true)}
         onChange={handleValueChanged}
         prefixed
         alpha