Case ce-0167-background-color-format-variation · Scenario scenario-background-color-change

Background color format varies (hex, rgb, rgba)

OS: Windows 11 Device: Desktop or Laptop Any Browser: Chrome 120.0 Keyboard: US Status: draft
color background format chrome

Phenomenon

When applying background colors in Chrome, the color format (hex, rgb, rgba) may vary inconsistently. The same color may be stored in different formats, making it difficult to work with programmatically.

Reproduction example

  1. Apply yellow background via color picker
  2. Apply yellow background via text input
  3. Observe the DOM color values

Observed behavior

  • Color format varies: #ffff00, rgb(255,255,0), rgba(255,255,0,1)
  • Same color stored in different formats
  • Inconsistent color representation
  • Difficult to query or modify colors

Expected behavior

  • Color format should be consistent
  • Or format should be predictable
  • Same color should use same format
  • Format should be easy to work with

Browser Comparison

  • Chrome/Edge: Format varies (this case)
  • Firefox: Similar format inconsistency
  • Safari: Format handling varies

Notes and possible direction for workarounds

  • Normalize color format after application
  • Convert all colors to consistent format (e.g., hex or rgba)
  • Store original format if needed
  • Document color format behavior
Before
Hello World
Basic text
After Color Picker (Bug)
Hello World
When applied via color picker, rgb format
vs
✅ Expected
Hello World
Expected: Consistent color format (hex or rgb)

Browser compatibility matrix

This matrix shows which browser and OS combinations have documented cases for this scenario. The current case is highlighted. Click on a cell to view other cases.

Current case
Confirmed
Draft
No case documented

All variants (detailed table)

Complete list of all cases for this scenario with full environment details.

Case OS Device Browser Keyboard Status
ce-0121-background-color-selection-issue Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0146-background-color-persistence Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0167-background-color-format-variation Windows 11 Desktop or Laptop Any Chrome 120.0 US draft

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: Windows 11
Device: Desktop or Laptop Any
Browser: Chrome 120.0
Keyboard: US
Your environment
Sample HTML:
Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.