📦Color

SwiftUI ⟩ shapes ⟩ ShapeStyle ⟩ Color

🔴 主題

• Color custom extensions：

  • system colors

💾 程式

// predefined colors
let red = Color.red

// Specify component values
let skyBlue = Color(red: 0.4627, green: 0.8392, blue: 1.0)         // RGB
let lemonYellow = Color(hue: 0.1639, saturation: 1, brightness: 1) // HSB
let steelGray = Color(white: 0.4745)

// Load a color from an Asset Catalog
let aqua = Color("aqua")

// Create a color instance from another color
#if os(iOS)
let linkColor = Color(uiColor: .link)         // UIColor
#elseif os(macOS)
let linkColor = Color(nsColor: .linkColor)    // NSColor
#endif

💈範例

// from Asset Catalog
let aqua = Color("aqua")

// RGB / HSL / grayscale
let skyBlue = Color(red: 0.46, green: 0.84, blue: 1.0)
let lemonYellow = Color(hue: 0.16, saturation: 1, brightness: 1)
let steelGray = Color(white: 0.47)

// from UIColor / NSColor:
#if os(iOS)
    let linkColor = Color(uiColor: .link)
#elseif os(macOS)
    let linkColor = Color(nsColor: .linkColor)
#endif

// predefined colors: 
[.black, .green, .purple]

🛠 工具

• Color Names

  • Color Names
  • Robert Cooper ⟩ Color Namer
  • Chirag Mehta ⟩ Name that Color
• Palettes

  • Get Palettes

色輪

color wheel

📘 手冊

• SwiftUI ⟩ ShapeStyle ⟩

  • Color ⟩ ShapeStyle Implementations - define system colors (again).
  • List ⟩ View Implementations ⟩ saturation(_:)
• Core Image ⟩ Applying a Chroma Key Effect ⭐️ - a.k.a. bluescreening or greenscreening.
• Human Interface Guidelines ⟩ System Colors - colorful swatches.
• UIKit ⟩ UIColor ⟩

  • Standard Colors - .systemBlue, .systemBrown ...
  • UI Element Colors - .systemBackground, ...

📗 參考

• Design+Code ⟩ Adaptive Layout ⟩ Dynamic System Colors
• MakeUseOf ⟩ The 7 Best AI-Powered Online Color Palette Generators
• Khanlou ⟩ Name Your Colors!
• Natalia Panferova ⟩ Encode and Decode SwiftUI Color

🗣 討論

• Is it possible to get color name in swift?
• How can I change a SwiftUI Color to UIColor?
• Get lighter and darker color variations for a given UIColor ⭐️ #todo