HTML Colors

html-colors
By Daniel Vartanian

HTML color codes in hex and RGB formats.

html
colors
colours
hex colors
rgb colors

Paste this command in a terminal to install the package

espanso install html-colors
Description
Source

html-colors

Project Status: Active – The project has reached a stable, usable
state and is being actively
developed. License:
MIT

Overview

html-colors
is an Espanso package that allows you to insert HTML color codes into your text seamlessly. By using this package, shortcuts like
##red
are automatically replaced with their corresponding hex color codes (e.g.,
#FF0000
). You can also retrieve RGB color codes and the color family. It is designed to work in conjunction with the
html-utils-package
.
This package is inspired by Jenny Knuth’s gist. A big thank you to Jenny!

Installation

To install the latest released version of
html-colors
, use Espanso Hub:
espanso install html-colors
To install the development version directly from GitHub, use:
espanso install html-colors --git https://github.com/danielvartan/html-colors/ --external

Usage

Once installed,
html-colors
will replace the specified shortcuts with their corresponding character as you type.
Trigger
Result
Color
##indianred
#CD5C5C
#CD5C5C
##rgb-indianred
205, 92, 92
#CD5C5C
##families-indianred
red, brown
#CD5C5C
##lightcoral
#F08080
#F08080
##rgb-lightcoral
240, 128, 128
#F08080
##families-lightcoral
red, pink, coral, light
#F08080
##salmon
#FA8072
#FA8072
##rgb-salmon
250, 128, 114
#FA8072
##families-salmon
red, pink, orange, salmon
#FA8072
##darksalmon
#E9967A
#E9967A
##rgb-darksalmon
233, 150, 122
#E9967A
##families-darksalmon
red, pink, orange, salmon, dark
#E9967A
##lightsalmon
#FFA07A
#FFA07A
##rgb-lightsalmon
255, 160, 122
#FFA07A
##families-lightsalmon
red, pink, orange, salmon, light
#FFA07A
##crimson
#DC143C
#DC143C
##rgb-crimson
220, 20, 60
#DC143C
##families-crimson
red
#DC143C
##red
#FF0000
#FF0000
##rgb-red
255, 0, 0
#FF0000
##families-red
red
#FF0000
##darkred
#8B0000
#8B0000
##rgb-darkred
139, 0, 0
#8B0000
##families-darkred
red, dark
#8B0000
##pink
#FFC0CB
#FFC0CB
##rgb-pink
255, 192, 203
#FFC0CB
##families-pink
pink
#FFC0CB
##lightpink
#FFB6C1
#FFB6C1
##rgb-lightpink
255, 182, 193
#FFB6C1
##families-lightpink
pink, light
#FFB6C1
##hotpink
#FF69B4
#FF69B4
##rgb-hotpink
255, 105, 180
#FF69B4
##families-hotpink
pink, hot
#FF69B4
##deeppink
#FF1493
#FF1493
##rgb-deeppink
255, 20, 147
#FF1493
##families-deeppink
pink, deep
#FF1493
##mediumvioletred
#C71585
#C71585
##rgb-mediumvioletred
199, 21, 133
#C71585
##families-mediumvioletred
pink, purple, violet, medium
#C71585
##palevioletred
#DB7093
#DB7093
##rgb-palevioletred
219, 112, 147
#DB7093
##families-palevioletred
pink, pale, violet
#DB7093
##coral
#FF7F50
#FF7F50
##rgb-coral
255, 127, 80
#FF7F50
##families-coral
orange, coral
#FF7F50
##tomato
#FF6347
#FF6347
##rgb-tomato
255, 99, 71
#FF6347
##families-tomato
orange, red
#FF6347
##orangered
#FF4500
#FF4500
##rgb-orangered
255, 69, 0
#FF4500
##families-orangered
orange, red
#FF4500
##darkorange
#FF8C00
#FF8C00
##rgb-darkorange
255, 140, 0
#FF8C00
##families-darkorange
orange, dark
#FF8C00
##orange
#FFA500
#FFA500
##rgb-orange
255, 165, 0
#FFA500
##families-orange
orange
#FFA500
##gold
#FFD700
#FFD700
##rgb-gold
255, 215, 0
#FFD700
##families-gold
yellow
#FFD700
##yellow
#FFFF00
#FFFF00
##rgb-yellow
255, 255, 0
#FFFF00
##families-yellow
yellow
#FFFF00
##lightyellow
#FFFFE0
#FFFFE0
##rgb-lightyellow
255, 255, 224
#FFFFE0
##families-lightyellow
yellow, light
#FFFFE0
##lemonchiffon
#FFFACD
#FFFACD
##rgb-lemonchiffon
255, 250, 205
#FFFACD
##families-lemonchiffon
yellow, lemon
#FFFACD
##lightgoldenrodyellow
#FAFAD2
#FAFAD2
##rgb-lightgoldenrodyellow
250, 250, 210
#FAFAD2
##families-lightgoldenrodyellow
yellow, light, goldenrod, tan
#FAFAD2
##papayawhip
#FFEFD5
#FFEFD5
##rgb-papayawhip
255, 239, 213
#FFEFD5
##families-papayawhip
pink, tan
#FFEFD5
##moccasin
#FFE4B5
#FFE4B5
##rgb-moccasin
255, 228, 181
#FFE4B5
##families-moccasin
pink, tan
#FFE4B5
##peachpuff
#FFDAB9
#FFDAB9
##rgb-peachpuff
255, 218, 185
#FFDAB9
##families-peachpuff
pink, orange, peach
#FFDAB9
##palegoldenrod
#EEE8AA
#EEE8AA
##rgb-palegoldenrod
238, 232, 170
#EEE8AA
##families-palegoldenrod
yellow, tan, pale, goldenrod
#EEE8AA
##khaki
#F0E68C
#F0E68C
##rgb-khaki
240, 230, 140
#F0E68C
##families-khaki
yellow, tan, khaki
#F0E68C
##darkkhaki
#BDB76B
#BDB76B
##rgb-darkkhaki
189, 183, 107
#BDB76B
##families-darkkhaki
yellow, tan, khaki, dark
#BDB76B
##lavender
#E6E6FA
#E6E6FA
##rgb-lavender
230, 230, 250
#E6E6FA
##families-lavender
purple
#E6E6FA
##thistle
#D8BFD8
#D8BFD8
##rgb-thistle
216, 191, 216
#D8BFD8
##families-thistle
purple
#D8BFD8
##plum
#DDA0DD
#DDA0DD
##rgb-plum
221, 160, 221
#DDA0DD
##families-plum
purple
#DDA0DD
##violet
#EE82EE
#EE82EE
##rgb-violet
238, 130, 238
#EE82EE
##families-violet
purple, violet, pink
#EE82EE
##orchid
#DA70D6
#DA70D6
##rgb-orchid
218, 112, 214
#DA70D6
##families-orchid
purple, orchid
#DA70D6
##fuchsia
#FF00FF
#FF00FF
##rgb-fuchsia
255, 0, 255
#FF00FF
##families-fuchsia
purple, pink
#FF00FF
##magenta
#FF00FF
#FF00FF
##rgb-magenta
255, 0, 255
#FF00FF
##families-magenta
purple, pink, magenta
#FF00FF
##mediumorchid
#BA55D3
#BA55D3
##rgb-mediumorchid
186, 85, 211
#BA55D3
##families-mediumorchid
purple, orchid, medium
#BA55D3
##mediumpurple
#9370DB
#9370DB
##rgb-mediumpurple
147, 112, 219
#9370DB
##families-mediumpurple
purple, medium
#9370DB
##rebeccapurple
#663399
#663399
##rgb-rebeccapurple
102, 51, 153
#663399
##families-rebeccapurple
purple, blue
#663399
##blueviolet
#8A2BE2
#8A2BE2
##rgb-blueviolet
138, 43, 226
#8A2BE2
##families-blueviolet
purple, blue, violet
#8A2BE2
##darkviolet
#9400D3
#9400D3
##rgb-darkviolet
148, 0, 211
#9400D3
##families-darkviolet
purple, dark, violet
#9400D3
##darkorchid
#9932CC
#9932CC
##rgb-darkorchid
153, 50, 204
#9932CC
##families-darkorchid
purple, dark, orchid
#9932CC
##darkmagenta
#8B008B
#8B008B
##rgb-darkmagenta
139, 0, 139
#8B008B
##families-darkmagenta
purple, dark, magenta
#8B008B
##purple
#800080
#800080
##rgb-purple
128, 0, 128
#800080
##families-purple
purple
#800080
##indigo
#4B0082
#4B0082
##rgb-indigo
75, 0, 130
#4B0082
##families-indigo
purple, blue
#4B0082
##slateblue
#6A5ACD
#6A5ACD
##rgb-slateblue
106, 90, 205
#6A5ACD
##families-slateblue
purple, blue, slate
#6A5ACD
##darkslateblue
#483D8B
#483D8B
##rgb-darkslateblue
72, 61, 139
#483D8B
##families-darkslateblue
purple, blue, slate, dark
#483D8B
##mediumslateblue
#7B68EE
#7B68EE
##rgb-mediumslateblue
123, 104, 238
#7B68EE
##families-mediumslateblue
purple, blue, slate, medium
#7B68EE
##greenyellow
#ADFF2F
#ADFF2F
##rgb-greenyellow
173, 255, 47
#ADFF2F
##families-greenyellow
green, yellow
#ADFF2F
##chartreuse
#7FFF00
#7FFF00
##rgb-chartreuse
127, 255, 0
#7FFF00
##families-chartreuse
green
#7FFF00
##lawngreen
#7CFC00
#7CFC00
##rgb-lawngreen
124, 252, 0
#7CFC00
##families-lawngreen
green
#7CFC00
##lime
#00FF00
#00FF00
##rgb-lime
0, 255, 0
#00FF00
##families-lime
green
#00FF00
##limegreen
#32CD32
#32CD32
##rgb-limegreen
50, 205, 50
#32CD32
##families-limegreen
green
#32CD32
##palegreen
#98FB98
#98FB98
##rgb-palegreen
152, 251, 152
#98FB98
##families-palegreen
green, pale
#98FB98
##lightgreen
#90EE90
#90EE90
##rgb-lightgreen
144, 238, 144
#90EE90
##families-lightgreen
green, light
#90EE90
##mediumspringgreen
#00FA9A
#00FA9A
##rgb-mediumspringgreen
0, 250, 154
#00FA9A
##families-mediumspringgreen
green, medium, spring
#00FA9A
##springgreen
#00FF7F
#00FF7F
##rgb-springgreen
0, 255, 127
#00FF7F
##families-springgreen
green, spring
#00FF7F
##mediumseagreen
#3CB371
#3CB371
##rgb-mediumseagreen
60, 179, 113
#3CB371
##families-mediumseagreen
green, sea, medium
#3CB371
##seagreen
#2E8B57
#2E8B57
##rgb-seagreen
46, 139, 87
#2E8B57
##families-seagreen
green, sea
#2E8B57
##forestgreen
#228B22
#228B22
##rgb-forestgreen
34, 139, 34
#228B22
##families-forestgreen
green, forest
#228B22
##green
#008000
#008000
##rgb-green
0, 128, 0
#008000
##families-green
green
#008000
##darkgreen
#006400
#006400
##rgb-darkgreen
0, 100, 0
#006400
##families-darkgreen
green, dark
#006400
##yellowgreen
#9ACD32
#9ACD32
##rgb-yellowgreen
154, 205, 50
#9ACD32
##families-yellowgreen
green, yellow
#9ACD32
##olivedrab
#6B8E23
#6B8E23
##rgb-olivedrab
107, 142, 35
#6B8E23
##families-olivedrab
green, olive
#6B8E23
##olive
#6B8E23
#6B8E23
##rgb-olive
128, 128, 0
#6B8E23
##families-olive
green, olive
#6B8E23
##darkolivegreen
#556B2F
#556B2F
##rgb-darkolivegreen
85, 107, 47
#556B2F
##families-darkolivegreen
green, olive, dark
#556B2F
##mediumaquamarine
#66CDAA
#66CDAA
##rgb-mediumaquamarine
102, 205, 170
#66CDAA
##families-mediumaquamarine
green, blue, aquamarine, medium
#66CDAA
##darkseagreen
#8FBC8B
#8FBC8B
##rgb-darkseagreen
143, 188, 139
#8FBC8B
##families-darkseagreen
green, sea, dark
#8FBC8B
##lightseagreen
#20B2AA
#20B2AA
##rgb-lightseagreen
32, 178, 170
#20B2AA
##families-lightseagreen
green, blue, sea, light
#20B2AA
##darkcyan
#008B8B
#008B8B
##rgb-darkcyan
0, 139, 139
#008B8B
##families-darkcyan
green, blue, cyan, dark
#008B8B
##teal
#008080
#008080
##rgb-teal
0, 128, 128
#008080
##families-teal
green, blue
#008080
##aqua
#00FFFF
#00FFFF
##rgb-aqua
0, 255, 255
#00FFFF
##families-aqua
blue, aqua
#00FFFF
##cyan
#00FFFF
#00FFFF
##rgb-cyan
0, 255, 255
#00FFFF
##families-cyan
blue, cyan
#00FFFF
##lightcyan
#E0FFFF
#E0FFFF
##rgb-lightcyan
224, 255, 255
#E0FFFF
##families-lightcyan
blue, cyan, light
#E0FFFF
##paleturquoise
#AFEEEE
#AFEEEE
##rgb-paleturquoise
175, 238, 238
#AFEEEE
##families-paleturquoise
blue, turquoise, pale
#AFEEEE
##aquamarine
#7FFFD4
#7FFFD4
##rgb-aquamarine
127, 255, 212
#7FFFD4
##families-aquamarine
blue, aquamarine
#7FFFD4
##turquoise
#40E0D0
#40E0D0
##rgb-turquoise
64, 224, 208
#40E0D0
##families-turquoise
blue, turquoise
#40E0D0
##mediumturquoise
#48D1CC
#48D1CC
##rgb-mediumturquoise
72, 209, 204
#48D1CC
##families-mediumturquoise
blue, turquoise, medium
#48D1CC
##darkturquoise
#00CED1
#00CED1
##rgb-darkturquoise
0, 206, 209
#00CED1
##families-darkturquoise
blue, turquoise, dark
#00CED1
##cadetblue
#5F9EA0
#5F9EA0
##rgb-cadetblue
95, 158, 160
#5F9EA0
##families-cadetblue
blue, gray
#5F9EA0
##steelblue
#4682B4
#4682B4
##rgb-steelblue
70, 130, 180
#4682B4
##families-steelblue
blue, steel
#4682B4
##lightsteelblue
#B0C4DE
#B0C4DE
##rgb-lightsteelblue
176, 196, 222
#B0C4DE
##families-lightsteelblue
blue, steel, light
#B0C4DE
##powderblue
#B0E0E6
#B0E0E6
##rgb-powderblue
176, 224, 230
#B0E0E6
##families-powderblue
blue
#B0E0E6
##lightblue
#ADD8E6
#ADD8E6
##rgb-lightblue
173, 216, 230
#ADD8E6
##families-lightblue
blue, light
#ADD8E6
##skyblue
#87CEEB
#87CEEB
##rgb-skyblue
135, 206, 235
#87CEEB
##families-skyblue
blue, sky
#87CEEB
##lightskyblue
#87CEFA
#87CEFA
##rgb-lightskyblue
135, 206, 250
#87CEFA
##families-lightskyblue
blue, sky, light
#87CEFA
##deepskyblue
#00BFFF
#00BFFF
##rgb-deepskyblue
0, 191, 255
#00BFFF
##families-deepskyblue
blue, sky, deep
#00BFFF
##dodgerblue
#1E90FF
#1E90FF
##rgb-dodgerblue
30, 144, 255
#1E90FF
##families-dodgerblue
blue
#1E90FF
##cornflowerblue
#6495ED
#6495ED
##rgb-cornflowerblue
100, 149, 237
#6495ED
##families-cornflowerblue
blue
#6495ED
##royalblue
#4169E1
#4169E1
##rgb-royalblue
65, 105, 225
#4169E1
##families-royalblue
blue
#4169E1
##blue
#0000FF
#0000FF
##rgb-blue
0, 0, 255
#0000FF
##families-blue
blue
#0000FF
##mediumblue
#0000CD
#0000CD
##rgb-mediumblue
0, 0, 205
#0000CD
##families-mediumblue
blue, medium
#0000CD
##darkblue
#00008B
#00008B
##rgb-darkblue
0, 0, 139
#00008B
##families-darkblue
blue, dark
#00008B
##navy
#00008B
#00008B
##rgb-navy
0, 0, 128
#00008B
##families-navy
blue, dark
#00008B
##midnightblue
#191970
#191970
##rgb-midnightblue
25, 25, 112
#191970
##families-midnightblue
blue, dark
#191970
##cornsilk
#FFF8DC
#FFF8DC
##rgb-cornsilk
255, 248, 220
#FFF8DC
##families-cornsilk
brown, tan
#FFF8DC
##blanchedalmond
#FFEBCD
#FFEBCD
##rgb-blanchedalmond
255, 235, 205
#FFEBCD
##families-blanchedalmond
brown, tan
#FFEBCD
##bisque
#FFE4C4
#FFE4C4
##rgb-bisque
255, 228, 196
#FFE4C4
##families-bisque
brown, tan
#FFE4C4
##navajowhite
#FFDEAD
#FFDEAD
##rgb-navajowhite
255, 222, 173
#FFDEAD
##families-navajowhite
brown, tan
#FFDEAD
##wheat
#F5DEB3
#F5DEB3
##rgb-wheat
245, 222, 179
#F5DEB3
##families-wheat
brown, tan
#F5DEB3
##burlywood
#DEB887
#DEB887
##rgb-burlywood
222, 184, 135
#DEB887
##families-burlywood
brown, tan
#DEB887
##tan
#D2B48C
#D2B48C
##rgb-tan
210, 180, 140
#D2B48C
##families-tan
brown, tan
#D2B48C
##rosybrown
#BC8F8F
#BC8F8F
##rgb-rosybrown
188, 143, 143
#BC8F8F
##families-rosybrown
brown, tan
#BC8F8F
##sandybrown
#F4A460
#F4A460
##rgb-sandybrown
244, 164, 96
#F4A460
##families-sandybrown
brown, orange
#F4A460
##goldenrod
#DAA520
#DAA520
##rgb-goldenrod
218, 165, 32
#DAA520
##families-goldenrod
brown, goldenrod, orange
#DAA520
##darkgoldenrod
#B8860B
#B8860B
##rgb-darkgoldenrod
184, 134, 11
#B8860B
##families-darkgoldenrod
brown, orange, goldenrod, dark
#B8860B
##peru
#CD853F
#CD853F
##rgb-peru
205, 133, 63
#CD853F
##families-peru
brown, orange
#CD853F
##chocolate
#D2691E
#D2691E
##rgb-chocolate
210, 105, 30
#D2691E
##families-chocolate
brown, orange
#D2691E
##saddlebrown
#8B4513
#8B4513
##rgb-saddlebrown
139, 69, 19
#8B4513
##families-saddlebrown
brown
#8B4513
##sienna
#A0522D
#A0522D
##rgb-sienna
160, 82, 45
#A0522D
##families-sienna
brown
#A0522D
##brown
#A52A2A
#A52A2A
##rgb-brown
165, 42, 42
#A52A2A
##families-brown
brown, red
#A52A2A
##maroon
#800000
#800000
##rgb-maroon
128, 0, 0
#800000
##families-maroon
brown, red
#800000
##white
#FFFFFF
#FFFFFF
##rgb-white
255, 255, 255
#FFFFFF
##families-white
white
#FFFFFF
##snow
#FFFAFA
#FFFAFA
##rgb-snow
255, 250, 250
#FFFAFA
##families-snow
white
#FFFAFA
##honeydew
#F0FFF0
#F0FFF0
##rgb-honeydew
240, 255, 240
#F0FFF0
##families-honeydew
white
#F0FFF0
##mintcream
#F5FFFA
#F5FFFA
##rgb-mintcream
245, 255, 250
#F5FFFA
##families-mintcream
white
#F5FFFA
##azure
#F0FFFF
#F0FFFF
##rgb-azure
240, 255, 255
#F0FFFF
##families-azure
white
#F0FFFF
##aliceblue
#F0F8FF
#F0F8FF
##rgb-aliceblue
240, 248, 255
#F0F8FF
##families-aliceblue
white
#F0F8FF
##ghostwhite
#F8F8FF
#F8F8FF
##rgb-ghostwhite
248, 248, 255
#F8F8FF
##families-ghostwhite
white
#F8F8FF
##whitesmoke
#F5F5F5
#F5F5F5
##rgb-whitesmoke
245, 245, 245
#F5F5F5
##families-whitesmoke
white
#F5F5F5
##seashell
#FFF5EE
#FFF5EE
##rgb-seashell
255, 245, 238
#FFF5EE
##families-seashell
white, pink
#FFF5EE
##beige
#F5F5DC
#F5F5DC
##rgb-beige
245, 245, 220
#F5F5DC
##families-beige
white, tan
#F5F5DC
##oldlace
#FDF5E6
#FDF5E6
##rgb-oldlace
253, 245, 230
#FDF5E6
##families-oldlace
white, tan
#FDF5E6
##floralwhite
#FDF5E6
#FDF5E6
##rgb-floralwhite
253, 245, 230
#FDF5E6
##families-floralwhite
white, tan
#FDF5E6
##ivory
#FFFFF0
#FFFFF0
##rgb-ivory
255, 255, 240
#FFFFF0
##families-ivory
white, tan
#FFFFF0
##antiquewhite
#FAEBD7
#FAEBD7
##rgb-antiquewhite
250, 235, 215
#FAEBD7
##families-antiquewhite
white, tan
#FAEBD7
##linen
#FAF0E6
#FAF0E6
##rgb-linen
250, 240, 230
#FAF0E6
##families-linen
white, tan
#FAF0E6
##lavenderblush
#FFF0F5
#FFF0F5
##rgb-lavenderblush
255, 240, 245
#FFF0F5
##families-lavenderblush
white, lavender, pink
#FFF0F5
##mistyrose
#FFE4E1
#FFE4E1
##rgb-mistyrose
255, 228, 225
#FFE4E1
##families-mistyrose
white, pink
#FFE4E1
##gainsboro
#DCDCDC
#DCDCDC
##rgb-gainsboro
220, 220, 220
#DCDCDC
##families-gainsboro
gray
#DCDCDC
##lightgray
#D3D3D3
#D3D3D3
##rgb-lightgray
211, 211, 211
#D3D3D3
##families-lightgray
gray, light
#D3D3D3
##silver
#C0C0C0
#C0C0C0
##rgb-silver
192, 192, 192
#C0C0C0
##families-silver
gray
#C0C0C0
##darkgray
#A9A9A9
#A9A9A9
##rgb-darkgray
169, 169, 169
#A9A9A9
##families-darkgray
gray, dark
#A9A9A9
##gray
#808080
#808080
##rgb-gray
128, 128, 128
#808080
##families-gray
gray
#808080
##dimgray
#696969
#696969
##rgb-dimgray
105, 105, 105
#696969
##families-dimgray
gray
#696969
##lightslategray
#778899
#778899
##rgb-lightslategray
119, 136, 153
#778899
##families-lightslategray
gray, light, slate
#778899
##slategray
#708090
#708090
##rgb-slategray
112, 128, 144
#708090
##families-slategray
gray, slate
#708090
##darkslategray
#2F4F4F
#2F4F4F
##rgb-darkslategray
47, 79, 79
#2F4F4F
##families-darkslategray
gray, slate, dark
#2F4F4F
##black
#000000
#000000
##rgb-black
0, 0, 0
#000000
##families-black
black
#000000

Prefix

The
##
prefix was used to avoid conflicts with social media hashtags and the
html-utils-package
.

Contributing

If you feel like there’s any important tag/snippet missing, feel free to create a Pull Request or open an Issue.

License

License:
MIT
html-colors
code is released under the MIT license.