This page is Ready to Use

Notice: The WebPlatform project has been discontinued when the Stewards partnership agreement ended in September 2015. This site has been frozen, and the assets we have created will remain.

Colors by Hue

Summary

A list of CSS color names, sorted by hue.

Related topics

NameHSLHex
whitehsl(0,0%,100%)#ffffff
whitesmokehsl(0,0%,96%)#f5f5f5
gainsborohsl(0,0%,86%)#dcdcdc
lightgreyhsl(0,0%,83%)#d3d3d3
lightgrayhsl(0,0%,83%)#d3d3d3
silverhsl(0,0%,75%)#c0c0c0
darkgreyhsl(0,0%,66%)#a9a9a9
darkgrayhsl(0,0%,66%)#a9a9a9
grayhsl(0,0%,50%)#808080
greyhsl(0,0%,50%)#808080
dimgreyhsl(0,0%,41%)#696969
dimgrayhsl(0,0%,41%)#696969
blackhsl(0,0%,0%)#000000
snowhsl(0,100%,99%)#fffafa
lightcoralhsl(0,79%,72%)#f08080
rosybrownhsl(0,25%,65%)#bc8f8f
indianredhsl(0,53%,58%)#cd5c5c
redhsl(0,100%,50%)#ff0000
firebrickhsl(0,68%,42%)#b22222
brownhsl(0,59%,41%)#a52a2a
darkredhsl(0,100%,27%)#8b0000
maroonhsl(0,100%,25%)#800000
mistyrosehsl(6,100%,94%)#ffe4e1
salmonhsl(6,93%,71%)#fa8072
tomatohsl(9,100%,64%)#ff6347
darksalmonhsl(15,72%,70%)#e9967a
coralhsl(16,100%,66%)#ff7f50
orangeredhsl(16,100%,50%)#ff4500
lightsalmonhsl(17,100%,74%)#ffa07a
siennahsl(19,56%,40%)#a0522d
seashellhsl(25,100%,97%)#fff5ee
chocolatehsl(25,75%,47%)#d2691e
saddlebrownhsl(25,76%,31%)#8b4513
peachpuffhsl(28,100%,86%)#ffdab9
sandybrownhsl(28,87%,67%)#f4a460
linenhsl(30,67%,94%)#faf0e6
peruhsl(30,59%,53%)#cd853f
bisquehsl(33,100%,88%)#ffe4c4
darkorangehsl(33,100%,50%)#ff8c00
antiquewhitehsl(34,78%,91%)#faebd7
burlywoodhsl(34,57%,70%)#deb887
tanhsl(34,44%,69%)#d2b48c
blanchedalmondhsl(36,100%,90%)#ffebcd
navajowhitehsl(36,100%,84%)#ffdead
papayawhiphsl(37,100%,92%)#ffefd5
moccasinhsl(38,100%,85%)#ffe4b5
oldlacehsl(39,85%,95%)#fdf5e6
wheathsl(39,77%,83%)#f5deb3
orangehsl(39,100%,50%)#ffa500
floralwhitehsl(40,100%,97%)#fffaf0
goldenrodhsl(43,74%,49%)#daa520
darkgoldenrodhsl(43,89%,38%)#b8860b
cornsilkhsl(48,100%,93%)#fff8dc
goldhsl(51,100%,50%)#ffd700
lemonchiffonhsl(54,100%,90%)#fffacd
khakihsl(54,77%,75%)#f0e68c
palegoldenrodhsl(55,67%,80%)#eee8aa
darkkhakihsl(56,38%,58%)#bdb76b
ivoryhsl(60,100%,97%)#fffff0
lightyellowhsl(60,100%,94%)#ffffe0
beigehsl(60,56%,91%)#f5f5dc
lightgoldenrodyellowhsl(60,80%,90%)#fafad2
yellowhsl(60,100%,50%)#ffff00
olivehsl(60,100%,25%)#808000
yellowgreenhsl(80,61%,50%)#9acd32
olivedrabhsl(80,60%,35%)#6b8e23
darkolivegreenhsl(82,39%,30%)#556b2f
greenyellowhsl(84,100%,59%)#adff2f
chartreusehsl(90,100%,50%)#7fff00
lawngreenhsl(90,100%,49%)#7cfc00
honeydewhsl(120,100%,97%)#f0fff0
palegreenhsl(120,93%,79%)#98fb98
lightgreenhsl(120,73%,75%)#90ee90
darkseagreenhsl(120,25%,65%)#8fbc8f
limegreenhsl(120,61%,50%)#32cd32
limehsl(120,100%,50%)#00ff00
forestgreenhsl(120,61%,34%)#228b22
greenhsl(120,100%,25%)#008000
darkgreenhsl(120,100%,20%)#006400
seagreenhsl(146,50%,36%)#2e8b57
mediumseagreenhsl(147,50%,47%)#3cb371
mintcreamhsl(150,100%,98%)#f5fffa
springgreenhsl(150,100%,50%)#00ff7f
mediumspringgreenhsl(157,100%,49%)#00fa9a
aquamarinehsl(160,100%,75%)#7fffd4
mediumaquamarinehsl(160,51%,60%)#66cdaa
turquoisehsl(174,72%,56%)#40e0d0
lightseagreenhsl(177,70%,41%)#20b2aa
mediumturquoisehsl(178,60%,55%)#48d1cc
azurehsl(180,100%,97%)#f0ffff
lightcyanhsl(180,100%,94%)#e0ffff
paleturquoisehsl(180,65%,81%)#afeeee
cyanhsl(180,100%,50%)#00ffff
aquahsl(180,100%,50%)#00ffff
darkcyanhsl(180,100%,27%)#008b8b
darkslategreyhsl(180,25%,25%)#2f4f4f
darkslategrayhsl(180,25%,25%)#2f4f4f
tealhsl(180,100%,25%)#008080
darkturquoisehsl(181,100%,41%)#00ced1
cadetbluehsl(182,25%,50%)#5f9ea0
powderbluehsl(187,52%,80%)#b0e0e6
lightbluehsl(195,53%,79%)#add8e6
deepskybluehsl(195,100%,50%)#00bfff
skybluehsl(197,71%,73%)#87ceeb
lightskybluehsl(203,92%,75%)#87cefa
steelbluehsl(207,44%,49%)#4682b4
alicebluehsl(208,100%,97%)#f0f8ff
dodgerbluehsl(210,100%,56%)#1e90ff
lightslategrayhsl(210,14%,53%)#778899
lightslategreyhsl(210,14%,53%)#778899
slategrayhsl(210,13%,50%)#708090
slategreyhsl(210,13%,50%)#708090
lightsteelbluehsl(214,41%,78%)#b0c4de
cornflowerbluehsl(219,79%,66%)#6495ed
royalbluehsl(225,73%,57%)#4169e1
ghostwhitehsl(240,100%,99%)#f8f8ff
lavenderhsl(240,67%,94%)#e6e6fa
bluehsl(240,100%,50%)#0000ff
mediumbluehsl(240,100%,40%)#0000cd
midnightbluehsl(240,64%,27%)#191970
darkbluehsl(240,100%,27%)#00008b
navyhsl(240,100%,25%)#000080
slatebluehsl(248,53%,58%)#6a5acd
darkslatebluehsl(248,39%,39%)#483d8b
mediumslatebluehsl(249,80%,67%)#7b68ee
mediumpurplehsl(260,60%,65%)#9370db
blueviolethsl(271,76%,53%)#8a2be2
indigohsl(275,100%,25%)#4b0082
darkorchidhsl(280,61%,50%)#9932cc
darkviolethsl(282,100%,41%)#9400d3
mediumorchidhsl(288,59%,58%)#ba55d3
thistlehsl(300,24%,80%)#d8bfd8
plumhsl(300,47%,75%)#dda0dd
violethsl(300,76%,72%)#ee82ee
magentahsl(300,100%,50%)#ff00ff
fuchsiahsl(300,100%,50%)#ff00ff
darkmagentahsl(300,100%,27%)#8b008b
purplehsl(300,100%,25%)#800080
orchidhsl(302,59%,65%)#da70d6
mediumvioletredhsl(322,81%,43%)#c71585
deeppinkhsl(328,100%,54%)#ff1493
hotpinkhsl(330,100%,71%)#ff69b4
lavenderblushhsl(340,100%,97%)#fff0f5
palevioletredhsl(340,60%,65%)#db7093
crimsonhsl(348,83%,47%)#dc143c
pinkhsl(350,100%,88%)#ffc0cb
lightpinkhsl(351,100%,86%)#ffb6c1

See also

Related articles

Visual Effects