https://github.com/theappwizard/colorsforall
This repository contains hex values of colors 🎨 that can be used for the implementation of IOS, Android, and Web Applications.
https://github.com/theappwizard/colorsforall
Last synced: 6 months ago
JSON representation
This repository contains hex values of colors 🎨 that can be used for the implementation of IOS, Android, and Web Applications.
- Host: GitHub
- URL: https://github.com/theappwizard/colorsforall
- Owner: TheAppWizard
- Created: 2020-10-12T13:33:06.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2020-10-13T10:11:54.000Z (over 5 years ago)
- Last Synced: 2025-04-09T04:51:15.473Z (about 1 year ago)
- Homepage:
- Size: 1.74 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
IOS credits : Paul Hudson : Hacking With Swift
## To Find Colors ( ⌘ + F For Mac , Ctrl + F For Windows)
# Colors For IOS
Extension for Color in IOS
```
extension UIColor {
public convenience init?(hex: String) {
let r, g, b, a: CGFloat
if hex.hasPrefix("#") {
let start = hex.index(hex.startIndex, offsetBy: 1)
let hexColor = String(hex[start...])
if hexColor.count == 8 {
let scanner = Scanner(string: hexColor)
var hexNumber: UInt64 = 0
if scanner.scanHexInt64(&hexNumber) {
r = CGFloat((hexNumber & 0xff000000) >> 24) / 255
g = CGFloat((hexNumber & 0x00ff0000) >> 16) / 255
b = CGFloat((hexNumber & 0x0000ff00) >> 8) / 255
a = CGFloat(hexNumber & 0x000000ff) / 255
self.init(red: r, green: g, blue: b, alpha: a)
return
}
}
}
return nil
}
}
```
To use the extension `let gold = UIColor(hex: "#FFD700FF")` Its in R G B A format
. All color hex mention in `Colors for Android`
# Colors For Android (For IOS Use Only Hex Values)
Color Name : `White`
```
#FFFFFF
```
Color Name : `Ivory`
```
#FFFFF0
```
Color Name : `LightYellow`
```
#FFFFE0
```
Color Name : `Yellow`
```
#FFFF00
```
Color Name : `Snow`
```
#FFFAFA
```
Color Name : `Floral White`
```
#FFFAF0
```
Color Name : `LemonChiffon`
```
#FFFACD
```
Color Name : `Cornsilk`
```
#FFF8DC
```
Color Name : `Seashell`
```
#FFF5EE
```
Color Name : `LavenderBlush`
```
#FFF0F5
```
Color Name : `PapayaWhip`
```
#FFEFD5
```
Color Name : `BlanchedAlmond`
```
#FFEBCD
```
Color Name : `MistyRose`
```
#FFE4E1
```
Color Name : `Bisque`
```
#FFE4C4
```
Color Name : `Moccasin`
```
#FFE4B5
```
Color Name : `NavajoWhite`
```
#FFDEAD
```
Color Name : `PeachPuff`
```
#FFDAB9
```
Color Name : `Gold`
```
#FFD700
```
Color Name : `Pink`
```
#FFC0CB
```
Color Name : `LightPink`
```
#FFB6C1
```
Color Name : `Orange`
```
#FFA500
```
Color Name : `LightSalmon`
```
#FFA07A
```
Color Name : `DarkOrange`
```
#FF8C00
```
Color Name : `Coral`
```
#FF7F50
```
Color Name : `HotPink`
```
#FF69B4
```
Color Name : `Tomato`
```
#FF6347
```
Color Name : `OrangeRed`
```
#FF4500
```
Color Name : `DeepPink`
```
#FF1493
```
Color Name : `Fuchsia / Magenta`
```
#FF00FF
#FF00FF
```
Color Name : `Red`
```
#FF0000
```
Color Name : `OldLace`
```
#FDF5E6
```
Color Name : `LightGoldenrodYellow`
```
#FAFAD2
```
Color Name : `Linen`
```
#FAF0E6
```
Color Name : `AntiqueWhite`
```
#FAEBD7
```
Color Name : `Salmon`
```
#FA8072
```
Color Name : `GhostWhite`
```
#F8F8FF
```
Color Name : `MintCream`
```
#F5FFFA
```
Color Name : `WhiteSmoke`
```
#F5F5F5
```
Color Name : `Beige`
```
#F5F5DC
```
Color Name : `Wheat`
```
#F5DEB3
```
Color Name : `SandyBrown`
```
#F4A460
```
Color Name : `Azure`
```
#F0FFFF
```
Color Name : `Honeydew`
```
#F0FFF0
```
Color Name : `AliceBlue`
```
#F0F8FF
```
Color Name : `khaki`
```
#F0E68C
```
Color Name : `LightCoral`
```
#F08080
```
Color Name : `PaleGoldenrod`
```
#EEE8AA
```
Color Name : `Violet`
```
#EE82EE
```
Color Name : `DarkSalmon`
```
#E9967A
```
Color Name : `Lavender`
```
#E6E6FA
```
Color Name : `LightCyan`
```
#E0FFFF
```
Color Name : `BurlyWood`
```
#DEB887
```
Color Name : `Plum`
```
#DDA0DD
```
Color Name : `Gainsboro`
```
#DCDCDC
```
Color Name : `Crimson`
```
#DC143C
```
Color Name : `Crimson`
```
#DC143C
```
Color Name : `PaleVioletRed`
```
#DB7093
```
Color Name : `Goldenrod`
```
#DAA520
```
Color Name : `Orchid`
```
#DA70D6
```
Color Name : `Thistle`
```
#D8BFD8
```
Color Name : `LightGrey`
```
#D3D3D3
```
Color Name : `Tan`
```
#D2B48C
```
Color Name : `Chocolate`
```
#D2691E
```
Color Name : `Peru`
```
#CD853F
```
Color Name : `IndianRed`
```
#CD5C5C
```
Color Name : `MediumVioletRed`
```
#C71585
```
Color Name : `Silver`
```
#C0C0C0
```
Color Name : `DarkKhaki`
```
#BDB76B
```
Color Name : `RosyBrown`
```
#BC8F8F
```
Color Name : `MediumOrchid`
```
#BA55D3
```
Color Name : `DarkGoldenRod`
```
#B8860B
```
Color Name : `FireBrick`
```
#B22222
```
Color Name : `PowderBlue`
```
#B0E0E6
```
Color Name : `LightSteelBlue`
```
#B0C4DE
```
Color Name : `PaleTurquoise`
```
#AFEEEE
```
Color Name : `GreenYellow`
```
#ADFF2F
```
Color Name : `LightBlue`
```
#ADD8E6
```
Color Name : `DarkGray`
```
#A9A9A9
```
Color Name : `Brown`
```
#A52A2A
```
Color Name : `Sienna`
```
#A0522D
```
Color Name : `YellowGreen`
```
#9ACD32
```
Color Name : `DarkOrchid`
```
#9932CC
```
Color Name : `PaleGreen`
```
#98FB98
```
Color Name : `DarkViolet`
```
#9400D3
```
Color Name : `MediumPurple`
```
#9370DB
```
Color Name : `LightGreen`
```
#90EE90
```
Color Name : `DarkSeaGreen`
```
#8FBC8F
```
Color Name : `SaddleBrown`
```
#8B4513
```
Color Name : `DarkMagenta`
```
#8B008B
```
Color Name : `DarkRed`
```
#8B0000
```
Color Name : `BlueViolet`
```
#8A2BE2
```
Color Name : `Olive`
```
#808000
```
Color Name : `LightSkyBlue`
```
#87CEFA
```
Color Name : `SkyBlue`
```
#87CEEB
```
Color Name : `Gray`
```
#808080
```
Color Name : `Purple`
```
#800080
```
Color Name : `Maroon`
```
#800000
```
Color Name : `Aquamarine`
```
#7FFFD4
```
Color Name : `Chartreuse`
```
#7FFF00
```
Color Name : `LawnGreen`
```
#7CFC00
```
Color Name : `MediumSlateBlue`
```
#7B68EE
```
Color Name : `LightSlateGray`
```
#778899
```
Color Name : `SlateGray`
```
#708090
```
Color Name : `OliveDrab`
```
#6B8E23
```
Color Name : `SlateBlue`
```
#6A5ACD
```
Color Name : `DimGray`
```
#696969
```
Color Name : `MediumAquamarine`
```
#66CDAA
```
Color Name : `CornflowerBlue`
```
#6495ED
```
Color Name : `CadetBlue`
```
#5F9EA0
```
Color Name : `DarkOliveGreen`
```
#556B2F
```
Color Name : `Indigo`
```
#4B0082
```
Color Name : `MediumTurquoise`
```
#48D1CC
```
Color Name : `DarkSlateBlue`
```
#483D8B
```
Color Name : `DarkSlateBlue`
```
#483D8B
```
Color Name : `SteelBlue`
```
#4682B4
```
Color Name : `SteelBlue`
```
#4682B4
```
Color Name : `RoyalBlue`
```
#4169E1
```
Color Name : `Turquoise`
```
#40E0D0
```
Color Name : `MediumSeaGreen`
```
#3CB371
```
Color Name : `LimeGreen`
```
#32CD32
```
Color Name : `DarkSlateGray`
```
#2F4F4F
```
Color Name : `SeaGreen`
```
#2E8B57
```
Color Name : `ForestGreen`
```
#228B22
```
Color Name : `LightSeaGreen`
```
#20B2AA
```
Color Name : `DodgerBlue`
```
#1E90FF
```
Color Name : `MidnightBlue`
```
#191970
```
Color Name : `Aqua`
```
#00FFFF
```
Color Name : `Cyan`
```
#00FFFF
```
Color Name : `SpringGreen`
```
#00FF7F
```
Color Name : `Lime`
```
#00FF00
```
Color Name : `MediumSpringGreen`
```
#00FA9A
```
Color Name : `DarkTurquoise`
```
#00CED1
```
Color Name : `DeepSkyBlue`
```
#00BFFF
```
Color Name : `DarkCyan`
```
#008B8B
```
Color Name : `Teal`
```
#008080
```
Color Name : `Green`
```
#008000
```
Color Name : `DarkGreen`
```
#006400
```
Color Name : `Blue`
```
#0000FF
```
Color Name : `MediumBlue`
```
#0000CD
```
Color Name : `DarkBlue`
```
#00008B
```
Color Name : `Navy`
```
#000080
```
Color Name : `Black`
```
#000000
```
# Color Transparency (R G B A)
## A is Alpha Component which is transparency
How to use for Android ?
Select Color (Color Format R G B)
```
#000000
```
Add Transparency (A) : (R G B A)
```
#000000 FF
```
How to use for IOS ?
```
let semi = purple.colorWithAlphaComponent(0.5) // 0.5 alpha
```
Transparency Hex Values
```
100% — FF
95% — F2
90% — E6
85% — D9
80% — CC
75% — BF
70% — B3
65% — A6
60% — 99
55% — 8C
50% — 80
45% — 73
40% — 66
35% — 59
30% — 4D
25% — 40
20% — 33
15% — 26
10% — 1A
5% — 0D
0% — 00
```
