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

Color Wells

iOS ColorPicker의 다양한 스타일을 직접 체험해보세요. Wheel, Grid, Spectrum 모드와 불투명도 조절을 인터랙티브하게 조작할 수 있습니다.

9:41
●●●● WiFi 🔋
Color Picker
Selected Color
Blue
#007AFF
Color Wheel
Recent Colors
⚠️ HIG 위반: 색상 선택기가 사용하기 어렵습니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • 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 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

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

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