Interactive previews iPhone
Color Opacity
The Color opacity modifier
Platform Compatibility
iOS 16.0+ iPadOS 16.0+ macOS 13.0+ watchOS 9.0+ tvOS 16.0+ visionOS 1.0+
Tags
SwiftUI Code
HStack {
smallRect
.foregroundStyle(.blue.opacity(1))
smallRect
.foregroundStyle(.blue.opacity(0.7))
smallRect
.foregroundStyle(.blue.opacity(0.5))
smallRect
.foregroundStyle(.blue.opacity(0.3))
smallRect
.foregroundStyle(.blue.opacity(0.1))
}Found an issue or have a suggestion?
Created: May 29, 2025Updated: May 29, 2025
More Color Components
View all
UIKit Separator Colors
The UIKit separator colors that are also used in other components, such as the TextField
UIKit Content Background colors
The UIKit colors that are also used in other components like in List and GroupBox
UIKit Text Colors
The UIKit text colors that are also used in other components, such as the TextField
Color Variants
HierarchicalShapeStyle, a shape style that maps to one of the numbered content styles
Explore Other Components
Browse all
Image Label
Creates a label with an icon image and a title generated from a localized string.
AccessoryCircularGaugeStyle
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
