This page is Ready to Use

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

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