Asset Color Catalog | Swift Tutorial

Asset Color Catalog is the feature of XCode 9. BY the use of this feature we can maintain the colors easily and avoid the mistakes. We can create the color catalog in 


 and use that color in all over se of color name.

Creating color set in asset catalog (



Select the .xcassets directory in Xcode and select the 


 button on the bottom left and select 

New Color Set

. Change the name of your color at right top corner and change the color RGB value according to you. Make sure your color name is unique to other color which are defined by you in same project.


Asset catalog colors in Storyboards

We can use this asset catalog color in Storyboard and Interface Builder file. When you selecting the color for views, You can see your color under the “Named colors”.

Asset catalog colors by code

<span class="hljs-keyword">let</span> color: <span class="hljs-type">UIColor</span>
<span class="hljs-keyword">if</span> #available(iOS <span class="hljs-number">11.0</span>, *) {
    color = <span class="hljs-type">UIColor</span>(named: <span class="hljs-string">"blueColor"</span>)!
} <span class="hljs-keyword">else</span> {
    color = <span class="hljs-type">UIColor</span>(red: <span class="hljs-number">84.0</span>/<span class="hljs-number">255.0</span>, green: <span class="hljs-number">128.0</span>/<span class="hljs-number">255.0</span>, blue: <span class="hljs-number">255.0</span>/<span class="hljs-number">255.0</span>, alpha: <span class="hljs-number">1.0</span>)

Create color in Xcode/storyboard use for all projects

We can also create the color in storyboard and use this color in your Xcode for all projects.

Download Demo From here

Related Post

Loops in java Loops in JAVA Loops are used to execute a set of statements repeatedly until a particular condition is satisfied. Loop is used in programming ...
First Java Program First Java Program NOTE: You need to have java installed on your system. Step 1: Open a text editor, like Notepad on windows and TextEdit on Mac. W...
Setting Class Path for Java Setting Class Path for Java In this tutorial we are study how we can set the java JDK class path. Java is an open source software, it is is freely...
Introduction to JVM Introduction to JVM JVM stands for Java Virtual Machine. It works as an engine that derives the Java Code. The JVM does not understand Java ty...
Create Gradient layer by the use of CAGradientLaye... Create Gradient layer by the use of CAGradientLayer Mostly developers are use the gradient (Combination of colors) colors images for make app more ef...
Data Types in Java Data Types in Java Data types represent the different values to be stored in the variable, for example if a variable has int data type, it ...

Leave a Reply

Your email address will not be published. Required fields are marked *