HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Color Wells

Color Wells

Explore various iOS ColorPicker styles interactively. Try Wheel, Grid, and Spectrum modes with opacity control in the control panel.

9:41
●●●● WiFi 🔋
Color Picker
Selected Color
Blue
#007AFF
Color Wheel
Recent Colors
⚠️ HIG Violation: Color picker is hard to use
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example

✓ Do This

  • Use system ColorPicker for consistent experience
  • Show the currently selected color clearly
  • Provide opacity control when transparency is needed
  • Include recently used colors for quick access
  • Support multiple selection modes (wheel, grid, spectrum)

✗ Don't Do This

  • Don't build a custom color picker when system one suffices
  • Don't limit color options without good reason
  • Don't forget to show hex/RGB values for precision
  • Don't ignore accessibility — ensure sufficient contrast

👆 See the bad pattern in the iPhone preview above

Supports Opacity
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground