Simplify for hex values

[lukasoppermann]

Closes #

Changelog

New

Changed

Removed

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

Testing & Reviewing

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: dce9d35

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Or, apply the integration-tests: skipped manually label to skip these checks.

[Copilot]

Pull request overview

This PR simplifies the hex color handling in the IssueLabel component by removing the complex getColorFromHex.ts utility and replacing it with a simpler inline implementation using color2k's readableColor function. However, this simplification removes critical functionality.

Key Changes:

• Removed the entire getColorFromHex.ts file containing HSLuv color conversion and contrast ratio calculations
• Simplified the fillColor handling to directly set backgroundColor and color properties
• Replaced complex color generation logic with a simple readableColor() call

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File	Description
packages/react/src/experimental/IssueLabel/getColorFromHex.ts	Deleted file containing 158 lines of color generation logic with HSLuv conversions, contrast ratio calculations, and light/dark mode support
packages/react/src/experimental/IssueLabel/IssueLabel.tsx	Simplified fillColor handling to use readableColor() function instead of generating CSS custom properties for all states and themes

[Copilot]

The simplified implementation loses critical functionality that was present in the previous code:

1. No hover/active states for custom colors: The old implementation generated different colors for rest/hover/active states using CSS custom properties (--label-bgColor-rest, --label-bgColor-hover, --label-bgColor-active). The new implementation only sets static backgroundColor and color, so hover/active states won't work for custom fillColor values.

2. No light/dark mode support for custom colors: The previous implementation generated separate color schemes for light and dark modes (e.g., --label-bgColor-light-rest, --label-bgColor-dark-rest). The new implementation only sets a single background color that won't adapt to theme changes.

3. Loss of color refinement logic: The old implementation had sophisticated logic to avoid overly bright/intense colors by capping saturation based on hue ranges, ensuring better visual consistency across different input colors.

The CSS module still expects these custom properties (lines 9-37 in IssueLabel.module.css), so this change will break the styling for labels with custom fillColor values.