Display & Copy Hex Color Code #33

New Issue

tonym · 2026-01-16T04:56:10Z

tonym commented

2026-01-16 04:56:10 +00:00

Summary

Show hex color value on filament pages with click-to-copy functionality.

Upstream Issue

https://github.com/Donkie/Spoolman/issues/568

Problem

Users need hex codes for slicer color painting (Bambu Studio, etc.) but have to use external color picker tools to get the value from the color swatch.

Proposed Solution

1. Filament Detail Page

Show hex code next to color swatch: #2C3232
Click to copy to clipboard
Toast notification: "Color copied!"

2. Filament List (Optional Column)

Add hex code column (toggleable via #29 column customization)
Click to copy

3. Spool Pages

Same treatment - show hex from filament

Implementation

<span 
  onClick={() => navigator.clipboard.writeText(colorHex)}
  style={{ cursor: "pointer" }}
>
  #{colorHex} 📋
</span>

Simple quality-of-life improvement.

## Summary Show hex color value on filament pages with click-to-copy functionality. ## Upstream Issue - https://github.com/Donkie/Spoolman/issues/568 ## Problem Users need hex codes for slicer color painting (Bambu Studio, etc.) but have to use external color picker tools to get the value from the color swatch. ## Proposed Solution ### 1. Filament Detail Page - Show hex code next to color swatch: `#2C3232` - Click to copy to clipboard - Toast notification: "Color copied!" ### 2. Filament List (Optional Column) - Add hex code column (toggleable via #29 column customization) - Click to copy ### 3. Spool Pages - Same treatment - show hex from filament ## Implementation ```tsx <span onClick={() => navigator.clipboard.writeText(colorHex)} style={{ cursor: "pointer" }} > #{colorHex} 📋 </span> ``` Simple quality-of-life improvement.

tonym referenced this issue from a commit

2026-01-16 05:33:38 +00:00

feat(color): add hex code display and click-to-copy functionality

tonym closed this issue

2026-01-16 05:33:38 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: tonym/spoolman2#33