How to used a named UIColor in code and Interface Builder
Swift version: 5.6
Since Xcode 9.0 we’ve been able to create named colors directly inside asset catalogs, which means it’s possible to select a precise color once then use it uniformly across all code and storyboards.
To try this out, open your asset catalog, click the + button, then choose New Color Set from the menu that appears. Select the new color that got created – it will be a large white square – then press Alt+Cmd+4 to activate the attributes inspector so that you can customize it.
Named colors are comprised of two rather obvious parts: a name (e.g. “PayPal blue”) and a color, which you can specify as ranges from 0-1, ranges from 0-255, or hexadecimal.
Once a named color is in place you can use it code like this:
myView.backgroundColor = UIColor(named: "Chartreuse")You can also use it inside storyboards by selecting it from the color dropdown menu – all your named colors will automatically be shown in their own section of the menu.
SPONSORED Join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer! Hurry up because it'll be available only until October 1st.
Sponsor Hacking with Swift and reach the world's largest Swift community!
Available from iOS 11.0
Similar solutions…
- SwiftUI vs Interface Builder and storyboards
- How to use IBInspectable to adjust values in Interface Builder
- How to draw custom views in Interface Builder using IBDesignable
- How to lock Interface Builder controls to stop accidental changes
- How to create custom colors using UIColor RGB and hues
About the Swift Knowledge Base
This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.
