Bug reportAug 19, 2026· 0:30· 15 views
Ant Design v5 ColorPicker: #DB393A previews as magenta (hue rounds to 360°)
0:30 total
Comments · 0
Be the first to comment.
Bug report— by SceneRecap AI
mediumcomponents/color-picker
os: macOSdpr: 1locale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720
Repro steps
- 1.Navigate to the Ant Design ColorPicker component page.
- 2.Click the 'Color picker trigger' button under the 'Basic Usage' section to open the color picker popover.
- 3.Click the HEX input textbox, type '#DB393A', and submit.
- 4.Observe the color preview swatch to the right of the hue and alpha sliders.
Expected
The color preview swatch next to the sliders should accurately reflect the selected red color (#DB393A).
Actual
The preview swatch shows magenta/purple, while the main canvas and trigger swatch display the correct red shade.
Evidence
visualAt t=9.0s, the HEX field contains '# DB393A' and the trigger swatch is red, but the slider preview box on the bottom right displays magenta.
visualAt t=17.0s and t=27.0s, re-entering and verifying the hex value (#DB3A3A / #DB393A) still renders the slider preview swatch as magenta.
Issue markdown (copy-paste ready)
### Summary When entering red hex codes such as `#DB393A` into the `ColorPicker` component, the color preview swatch positioned beside the hue and opacity sliders renders as magenta/purple instead of the matching red color. ### Steps to Reproduce 1. Open the Ant Design ColorPicker documentation (`/components/color-picker`) at `t=0.0s`. 2. Click the 'Basic Usage' Color picker trigger to open the popup at `t=4.3s`. 3. Click the HEX textbox and enter `#DB393A` at `t=6.7s`. 4. Check the color preview box next to the hue slider at `t=9.0s`. ### Expected Result The preview swatch next to the slider bars should match the chosen color `#DB393A` (red). ### Actual Result The preview box renders magenta/purple while the trigger button and saturation picker display red. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →