{"id":8832,"date":"2026-02-14T00:00:31","date_gmt":"2026-02-14T05:00:31","guid":{"rendered":"https:\/\/photics.com\/?p=8832"},"modified":"2026-02-21T11:33:25","modified_gmt":"2026-02-21T16:33:25","slug":"named-css-colors","status":"publish","type":"post","link":"https:\/\/photics.com\/named-css-colors\/","title":{"rendered":"Named CSS Colors \ud83c\udfa8"},"content":{"rendered":"

\"ColorHappy Saint Valentine’s Day! Red is the common color of the day, but which shade of red? That’s the point of this post. First, it’s to show that there’s progress on the \u201cPhotics Web Guide\u201d. It’s a tough project, but this might be the best Photics book yet! But while working on the CSS chapter of the book, I thought it would be cool to be able to arrange the \u201cNamed Colors\u201d by their colors. Well, now you can do that, as the data has been organized in a sortable table.<\/p>\n

These colors can be arranged in order of Name, Red, Green, Blue, Hue, Saturation, or Luminosity.<\/p>\n\n\n\n\n\t\n\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t
Name<\/th>\ud83c\udfa8<\/th>R<\/th>G<\/th>B<\/th>H<\/th>S<\/th>L<\/th>\n<\/tr>\n<\/thead>\n
aliceblue<\/td>
<\/div><\/td>
240<\/td>248<\/td>255<\/td>208<\/td>100%<\/td>97%<\/td>\n<\/tr>\n
antiquewhite<\/td>
<\/div><\/td>
250<\/td>235<\/td>215<\/td>34<\/td>78%<\/td>91%<\/td>\n<\/tr>\n
aqua<\/td>
<\/div><\/td>
0<\/td>255<\/td>255<\/td>180<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
aquamarine<\/td>
<\/div><\/td>
127<\/td>255<\/td>212<\/td>160<\/td>100%<\/td>75%<\/td>\n<\/tr>\n
azure<\/td>
<\/div><\/td>
240<\/td>255<\/td>255<\/td>180<\/td>100%<\/td>97%<\/td>\n<\/tr>\n
beige<\/td>
<\/div><\/td>
245<\/td>245<\/td>220<\/td>60<\/td>56%<\/td>91%<\/td>\n<\/tr>\n
bisque<\/td>
<\/div><\/td>
255<\/td>228<\/td>196<\/td>33<\/td>100%<\/td>88%<\/td>\n<\/tr>\n
black<\/td>
<\/div><\/td>
0<\/td>0<\/td>0<\/td>0<\/td>0%<\/td>0%<\/td>\n<\/tr>\n
blanchedalmond<\/td>
<\/div><\/td>
255<\/td>235<\/td>205<\/td>36<\/td>100%<\/td>90%<\/td>\n<\/tr>\n
blue<\/td>
<\/div><\/td>
0<\/td>0<\/td>255<\/td>240<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
blueviolet<\/td>
<\/div><\/td>
138<\/td>43<\/td>226<\/td>271<\/td>76%<\/td>53%<\/td>\n<\/tr>\n
brown<\/td>
<\/div><\/td>
165<\/td>42<\/td>42<\/td>0<\/td>59%<\/td>41%<\/td>\n<\/tr>\n
burlywood<\/td>
<\/div><\/td>
222<\/td>184<\/td>135<\/td>34<\/td>57%<\/td>70%<\/td>\n<\/tr>\n
cadetblue<\/td>
<\/div><\/td>
95<\/td>158<\/td>160<\/td>182<\/td>25%<\/td>50%<\/td>\n<\/tr>\n
chartreuse<\/td>
<\/div><\/td>
127<\/td>255<\/td>0<\/td>90<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
chocolate<\/td>
<\/div><\/td>
210<\/td>105<\/td>30<\/td>25<\/td>75%<\/td>47%<\/td>\n<\/tr>\n
coral<\/td>
<\/div><\/td>
255<\/td>127<\/td>80<\/td>16<\/td>100%<\/td>66%<\/td>\n<\/tr>\n
cornflowerblue<\/td>
<\/div><\/td>
100<\/td>149<\/td>237<\/td>219<\/td>79%<\/td>66%<\/td>\n<\/tr>\n
cornsilk<\/td>
<\/div><\/td>
255<\/td>248<\/td>220<\/td>48<\/td>100%<\/td>93%<\/td>\n<\/tr>\n
crimson<\/td>
<\/div><\/td>
220<\/td>20<\/td>60<\/td>348<\/td>83%<\/td>47%<\/td>\n<\/tr>\n
cyan<\/td>
<\/div><\/td>
0<\/td>255<\/td>255<\/td>180<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
darkblue<\/td>
<\/div><\/td>
0<\/td>0<\/td>139<\/td>240<\/td>100%<\/td>27%<\/td>\n<\/tr>\n
darkcyan<\/td>
<\/div><\/td>
0<\/td>139<\/td>139<\/td>180<\/td>100%<\/td>27%<\/td>\n<\/tr>\n
darkgoldenrod<\/td>
<\/div><\/td>
184<\/td>134<\/td>11<\/td>43<\/td>89%<\/td>38%<\/td>\n<\/tr>\n
darkgray<\/td>
<\/div><\/td>
169<\/td>169<\/td>169<\/td>0<\/td>0%<\/td>66%<\/td>\n<\/tr>\n
darkgreen<\/td>
<\/div><\/td>
0<\/td>100<\/td>0<\/td>120<\/td>100%<\/td>20%<\/td>\n<\/tr>\n
darkgrey<\/td>
<\/div><\/td>
169<\/td>169<\/td>169<\/td>0<\/td>0%<\/td>66%<\/td>\n<\/tr>\n
darkkhaki<\/td>
<\/div><\/td>
189<\/td>183<\/td>107<\/td>56<\/td>38%<\/td>58%<\/td>\n<\/tr>\n
darkmagenta<\/td>
<\/div><\/td>
139<\/td>0<\/td>139<\/td>300<\/td>100%<\/td>27%<\/td>\n<\/tr>\n
darkolivegreen<\/td>
<\/div><\/td>
85<\/td>107<\/td>47<\/td>82<\/td>39%<\/td>30%<\/td>\n<\/tr>\n
darkorange<\/td>
<\/div><\/td>
255<\/td>140<\/td>0<\/td>33<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
darkorchid<\/td>
<\/div><\/td>
153<\/td>50<\/td>204<\/td>280<\/td>61%<\/td>50%<\/td>\n<\/tr>\n
darkred<\/td>
<\/div><\/td>
139<\/td>0<\/td>0<\/td>0<\/td>100%<\/td>27%<\/td>\n<\/tr>\n
darksalmon<\/td>
<\/div><\/td>
233<\/td>150<\/td>122<\/td>15<\/td>72%<\/td>70%<\/td>\n<\/tr>\n
darkseagreen<\/td>
<\/div><\/td>
143<\/td>188<\/td>143<\/td>120<\/td>25%<\/td>65%<\/td>\n<\/tr>\n
darkslateblue<\/td>
<\/div><\/td>
72<\/td>61<\/td>139<\/td>248<\/td>39%<\/td>39%<\/td>\n<\/tr>\n
darkslategray<\/td>
<\/div><\/td>
47<\/td>79<\/td>79<\/td>180<\/td>25%<\/td>25%<\/td>\n<\/tr>\n
darkslategrey<\/td>
<\/div><\/td>
47<\/td>79<\/td>79<\/td>180<\/td>25%<\/td>25%<\/td>\n<\/tr>\n
darkturquoise<\/td>
<\/div><\/td>
0<\/td>206<\/td>209<\/td>181<\/td>100%<\/td>41%<\/td>\n<\/tr>\n
darkviolet<\/td>
<\/div><\/td>
148<\/td>0<\/td>211<\/td>282<\/td>100%<\/td>41%<\/td>\n<\/tr>\n
deeppink<\/td>
<\/div><\/td>
255<\/td>20<\/td>147<\/td>328<\/td>100%<\/td>54%<\/td>\n<\/tr>\n
deepskyblue<\/td>
<\/div><\/td>
0<\/td>191<\/td>255<\/td>195<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
dimgray<\/td>
<\/div><\/td>
105<\/td>105<\/td>105<\/td>0<\/td>0%<\/td>41%<\/td>\n<\/tr>\n
dimgrey<\/td>
<\/div><\/td>
105<\/td>105<\/td>105<\/td>0<\/td>0%<\/td>41%<\/td>\n<\/tr>\n
dodgerblue<\/td>
<\/div><\/td>
30<\/td>144<\/td>255<\/td>210<\/td>100%<\/td>56%<\/td>\n<\/tr>\n
firebrick<\/td>
<\/div><\/td>
178<\/td>34<\/td>34<\/td>0<\/td>68%<\/td>42%<\/td>\n<\/tr>\n
floralwhite<\/td>
<\/div><\/td>
255<\/td>250<\/td>240<\/td>40<\/td>100%<\/td>97%<\/td>\n<\/tr>\n
forestgreen<\/td>
<\/div><\/td>
34<\/td>139<\/td>34<\/td>120<\/td>61%<\/td>34%<\/td>\n<\/tr>\n
fuchsia<\/td>
<\/div><\/td>
255<\/td>0<\/td>255<\/td>300<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
gainsboro<\/td>
<\/div><\/td>
220<\/td>220<\/td>220<\/td>0<\/td>0%<\/td>86%<\/td>\n<\/tr>\n
ghostwhite<\/td>
<\/div><\/td>
248<\/td>248<\/td>255<\/td>240<\/td>100%<\/td>99%<\/td>\n<\/tr>\n
gold<\/td>
<\/div><\/td>
255<\/td>215<\/td>0<\/td>51<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
goldenrod<\/td>
<\/div><\/td>
218<\/td>165<\/td>32<\/td>43<\/td>74%<\/td>49%<\/td>\n<\/tr>\n
gray<\/td>
<\/div><\/td>
128<\/td>128<\/td>128<\/td>0<\/td>0%<\/td>50%<\/td>\n<\/tr>\n
green<\/td>
<\/div><\/td>
0<\/td>128<\/td>0<\/td>120<\/td>100%<\/td>25%<\/td>\n<\/tr>\n
greenyellow<\/td>
<\/div><\/td>
173<\/td>255<\/td>47<\/td>84<\/td>100%<\/td>59%<\/td>\n<\/tr>\n
grey<\/td>
<\/div><\/td>
128<\/td>128<\/td>128<\/td>0<\/td>0%<\/td>50%<\/td>\n<\/tr>\n
honeydew<\/td>
<\/div><\/td>
240<\/td>255<\/td>240<\/td>120<\/td>100%<\/td>97%<\/td>\n<\/tr>\n
hotpink<\/td>
<\/div><\/td>
255<\/td>105<\/td>180<\/td>330<\/td>100%<\/td>71%<\/td>\n<\/tr>\n
indianred<\/td>
<\/div><\/td>
205<\/td>92<\/td>92<\/td>0<\/td>53%<\/td>58%<\/td>\n<\/tr>\n
indigo<\/td>
<\/div><\/td>
75<\/td>0<\/td>130<\/td>275<\/td>100%<\/td>25%<\/td>\n<\/tr>\n
ivory<\/td>
<\/div><\/td>
255<\/td>255<\/td>240<\/td>60<\/td>100%<\/td>97%<\/td>\n<\/tr>\n
khaki<\/td>
<\/div><\/td>
240<\/td>230<\/td>140<\/td>54<\/td>77%<\/td>75%<\/td>\n<\/tr>\n
lavender<\/td>
<\/div><\/td>
230<\/td>230<\/td>250<\/td>240<\/td>67%<\/td>94%<\/td>\n<\/tr>\n
lavenderblush<\/td>
<\/div><\/td>
255<\/td>240<\/td>245<\/td>340<\/td>100%<\/td>97%<\/td>\n<\/tr>\n
lawngreen<\/td>
<\/div><\/td>
124<\/td>252<\/td>0<\/td>90<\/td>100%<\/td>49%<\/td>\n<\/tr>\n
lemonchiffon<\/td>
<\/div><\/td>
255<\/td>250<\/td>205<\/td>54<\/td>100%<\/td>90%<\/td>\n<\/tr>\n
lightblue<\/td>
<\/div><\/td>
173<\/td>216<\/td>230<\/td>195<\/td>53%<\/td>79%<\/td>\n<\/tr>\n
lightcoral<\/td>
<\/div><\/td>
240<\/td>128<\/td>128<\/td>0<\/td>79%<\/td>72%<\/td>\n<\/tr>\n
lightcyan<\/td>
<\/div><\/td>
224<\/td>255<\/td>255<\/td>180<\/td>100%<\/td>94%<\/td>\n<\/tr>\n
lightgoldenrodyellow<\/td>
<\/div><\/td>
250<\/td>250<\/td>210<\/td>60<\/td>80%<\/td>90%<\/td>\n<\/tr>\n
lightgray<\/td>
<\/div><\/td>
211<\/td>211<\/td>211<\/td>0<\/td>0%<\/td>83%<\/td>\n<\/tr>\n
lightgreen<\/td>
<\/div><\/td>
144<\/td>238<\/td>144<\/td>120<\/td>73%<\/td>75%<\/td>\n<\/tr>\n
lightgrey<\/td>
<\/div><\/td>
211<\/td>211<\/td>211<\/td>0<\/td>0%<\/td>83%<\/td>\n<\/tr>\n
lightpink<\/td>
<\/div><\/td>
255<\/td>182<\/td>193<\/td>351<\/td>100%<\/td>86%<\/td>\n<\/tr>\n
lightsalmon<\/td>
<\/div><\/td>
255<\/td>160<\/td>122<\/td>17<\/td>100%<\/td>74%<\/td>\n<\/tr>\n
lightseagreen<\/td>
<\/div><\/td>
32<\/td>178<\/td>170<\/td>177<\/td>70%<\/td>41%<\/td>\n<\/tr>\n
lightskyblue<\/td>
<\/div><\/td>
135<\/td>206<\/td>250<\/td>203<\/td>92%<\/td>75%<\/td>\n<\/tr>\n
lightslategray<\/td>
<\/div><\/td>
119<\/td>136<\/td>153<\/td>210<\/td>14%<\/td>53%<\/td>\n<\/tr>\n
lightslategrey<\/td>
<\/div><\/td>
119<\/td>136<\/td>153<\/td>210<\/td>14%<\/td>53%<\/td>\n<\/tr>\n
lightsteelblue<\/td>
<\/div><\/td>
176<\/td>196<\/td>222<\/td>214<\/td>41%<\/td>78%<\/td>\n<\/tr>\n
lightyellow<\/td>
<\/div><\/td>
255<\/td>255<\/td>224<\/td>60<\/td>100%<\/td>94%<\/td>\n<\/tr>\n
lime<\/td>
<\/div><\/td>
0<\/td>255<\/td>0<\/td>120<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
limegreen<\/td>
<\/div><\/td>
50<\/td>205<\/td>50<\/td>120<\/td>61%<\/td>50%<\/td>\n<\/tr>\n
linen<\/td>
<\/div><\/td>
250<\/td>240<\/td>230<\/td>30<\/td>67%<\/td>94%<\/td>\n<\/tr>\n
magenta<\/td>
<\/div><\/td>
255<\/td>0<\/td>255<\/td>300<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
maroon<\/td>
<\/div><\/td>
128<\/td>0<\/td>0<\/td>0<\/td>100%<\/td>25%<\/td>\n<\/tr>\n
mediumaquamarine<\/td>
<\/div><\/td>
102<\/td>205<\/td>170<\/td>160<\/td>51%<\/td>60%<\/td>\n<\/tr>\n
mediumblue<\/td>
<\/div><\/td>
0<\/td>0<\/td>205<\/td>240<\/td>100%<\/td>40%<\/td>\n<\/tr>\n
mediumorchid<\/td>
<\/div><\/td>
186<\/td>85<\/td>211<\/td>288<\/td>59%<\/td>58%<\/td>\n<\/tr>\n
mediumpurple<\/td>
<\/div><\/td>
147<\/td>112<\/td>219<\/td>260<\/td>57%<\/td>64%<\/td>\n<\/tr>\n
mediumseagreen<\/td>
<\/div><\/td>
60<\/td>179<\/td>113<\/td>147<\/td>50%<\/td>47%<\/td>\n<\/tr>\n
mediumslateblue<\/td>
<\/div><\/td>
123<\/td>104<\/td>238<\/td>249<\/td>80%<\/td>67%<\/td>\n<\/tr>\n
mediumspringgreen<\/td>
<\/div><\/td>
0<\/td>250<\/td>154<\/td>157<\/td>100%<\/td>49%<\/td>\n<\/tr>\n
mediumturquoise<\/td>
<\/div><\/td>
72<\/td>209<\/td>204<\/td>178<\/td>60%<\/td>55%<\/td>\n<\/tr>\n
mediumvioletred<\/td>
<\/div><\/td>
199<\/td>21<\/td>133<\/td>322<\/td>81%<\/td>43%<\/td>\n<\/tr>\n
midnightblue<\/td>
<\/div><\/td>
25<\/td>25<\/td>112<\/td>240<\/td>64%<\/td>27%<\/td>\n<\/tr>\n
mintcream<\/td>
<\/div><\/td>
245<\/td>255<\/td>250<\/td>150<\/td>100%<\/td>98%<\/td>\n<\/tr>\n
mistyrose<\/td>
<\/div><\/td>
255<\/td>228<\/td>225<\/td>6<\/td>100%<\/td>94%<\/td>\n<\/tr>\n
moccasin<\/td>
<\/div><\/td>
255<\/td>228<\/td>181<\/td>38<\/td>100%<\/td>85%<\/td>\n<\/tr>\n
navajowhite<\/td>
<\/div><\/td>
255<\/td>222<\/td>173<\/td>36<\/td>100%<\/td>84%<\/td>\n<\/tr>\n
navy<\/td>
<\/div><\/td>
0<\/td>0<\/td>128<\/td>240<\/td>100%<\/td>25%<\/td>\n<\/tr>\n
oldlace<\/td>
<\/div><\/td>
253<\/td>245<\/td>230<\/td>39<\/td>85%<\/td>95%<\/td>\n<\/tr>\n
olive<\/td>
<\/div><\/td>
128<\/td>128<\/td>0<\/td>60<\/td>100%<\/td>25%<\/td>\n<\/tr>\n
olivedrab<\/td>
<\/div><\/td>
107<\/td>142<\/td>35<\/td>80<\/td>60%<\/td>35%<\/td>\n<\/tr>\n
orange<\/td>
<\/div><\/td>
255<\/td>165<\/td>0<\/td>39<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
orangered<\/td>
<\/div><\/td>
255<\/td>69<\/td>0<\/td>16<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
orchid<\/td>
<\/div><\/td>
218<\/td>112<\/td>214<\/td>302<\/td>59%<\/td>65%<\/td>\n<\/tr>\n
palegoldenrod<\/td>
<\/div><\/td>
238<\/td>232<\/td>170<\/td>55<\/td>67%<\/td>80%<\/td>\n<\/tr>\n
palegreen<\/td>
<\/div><\/td>
152<\/td>251<\/td>152<\/td>120<\/td>93%<\/td>79%<\/td>\n<\/tr>\n
paleturquoise<\/td>
<\/div><\/td>
175<\/td>238<\/td>238<\/td>180<\/td>65%<\/td>81%<\/td>\n<\/tr>\n
palevioletred<\/td>
<\/div><\/td>
219<\/td>112<\/td>147<\/td>340<\/td>57%<\/td>64%<\/td>\n<\/tr>\n
papayawhip<\/td>
<\/div><\/td>
255<\/td>239<\/td>213<\/td>37<\/td>100%<\/td>92%<\/td>\n<\/tr>\n
peachpuff<\/td>
<\/div><\/td>
255<\/td>218<\/td>185<\/td>28<\/td>100%<\/td>86%<\/td>\n<\/tr>\n
peru<\/td>
<\/div><\/td>
205<\/td>133<\/td>63<\/td>30<\/td>59%<\/td>53%<\/td>\n<\/tr>\n
pink<\/td>
<\/div><\/td>
255<\/td>192<\/td>203<\/td>350<\/td>100%<\/td>88%<\/td>\n<\/tr>\n
plum<\/td>
<\/div><\/td>
221<\/td>160<\/td>221<\/td>300<\/td>47%<\/td>75%<\/td>\n<\/tr>\n
powderblue<\/td>
<\/div><\/td>
176<\/td>224<\/td>230<\/td>187<\/td>52%<\/td>80%<\/td>\n<\/tr>\n
purple<\/td>
<\/div><\/td>
128<\/td>0<\/td>128<\/td>300<\/td>100%<\/td>25%<\/td>\n<\/tr>\n
rebeccapurple<\/td>
<\/div><\/td>
102<\/td>51<\/td>153<\/td>270<\/td>50%<\/td>40%<\/td>\n<\/tr>\n
red<\/td>
<\/div><\/td>
255<\/td>0<\/td>0<\/td>0<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
rosybrown<\/td>
<\/div><\/td>
188<\/td>143<\/td>143<\/td>0<\/td>25%<\/td>65%<\/td>\n<\/tr>\n
royalblue<\/td>
<\/div><\/td>
65<\/td>105<\/td>225<\/td>225<\/td>73%<\/td>57%<\/td>\n<\/tr>\n
saddlebrown<\/td>
<\/div><\/td>
139<\/td>69<\/td>19<\/td>25<\/td>76%<\/td>31%<\/td>\n<\/tr>\n
salmon<\/td>
<\/div><\/td>
250<\/td>128<\/td>114<\/td>6<\/td>93%<\/td>71%<\/td>\n<\/tr>\n
sandybrown<\/td>
<\/div><\/td>
244<\/td>164<\/td>96<\/td>28<\/td>87%<\/td>67%<\/td>\n<\/tr>\n
seagreen<\/td>
<\/div><\/td>
46<\/td>139<\/td>87<\/td>146<\/td>50%<\/td>36%<\/td>\n<\/tr>\n
seashell<\/td>
<\/div><\/td>
255<\/td>245<\/td>238<\/td>25<\/td>100%<\/td>97%<\/td>\n<\/tr>\n
sienna<\/td>
<\/div><\/td>
160<\/td>82<\/td>45<\/td>19<\/td>56%<\/td>40%<\/td>\n<\/tr>\n
silver<\/td>
<\/div><\/td>
192<\/td>192<\/td>192<\/td>0<\/td>0%<\/td>75%<\/td>\n<\/tr>\n
skyblue<\/td>
<\/div><\/td>
135<\/td>206<\/td>235<\/td>197<\/td>71%<\/td>73%<\/td>\n<\/tr>\n
slateblue<\/td>
<\/div><\/td>
106<\/td>90<\/td>205<\/td>248<\/td>53%<\/td>58%<\/td>\n<\/tr>\n
slategray<\/td>
<\/div><\/td>
112<\/td>128<\/td>144<\/td>210<\/td>13%<\/td>50%<\/td>\n<\/tr>\n
slategrey<\/td>
<\/div><\/td>
112<\/td>128<\/td>144<\/td>210<\/td>13%<\/td>50%<\/td>\n<\/tr>\n
snow<\/td>
<\/div><\/td>
255<\/td>250<\/td>250<\/td>0<\/td>100%<\/td>99%<\/td>\n<\/tr>\n
springgreen<\/td>
<\/div><\/td>
0<\/td>255<\/td>127<\/td>150<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
steelblue<\/td>
<\/div><\/td>
70<\/td>130<\/td>180<\/td>207<\/td>44%<\/td>49%<\/td>\n<\/tr>\n
tan<\/td>
<\/div><\/td>
210<\/td>180<\/td>140<\/td>34<\/td>44%<\/td>69%<\/td>\n<\/tr>\n
teal<\/td>
<\/div><\/td>
0<\/td>128<\/td>128<\/td>180<\/td>100%<\/td>25%<\/td>\n<\/tr>\n
thistle<\/td>
<\/div><\/td>
216<\/td>191<\/td>216<\/td>300<\/td>24%<\/td>80%<\/td>\n<\/tr>\n
tomato<\/td>
<\/div><\/td>
255<\/td>99<\/td>71<\/td>9<\/td>100%<\/td>64%<\/td>\n<\/tr>\n
turquoise<\/td>
<\/div><\/td>
64<\/td>224<\/td>208<\/td>174<\/td>72%<\/td>56%<\/td>\n<\/tr>\n
violet<\/td>
<\/div><\/td>
238<\/td>130<\/td>238<\/td>300<\/td>76%<\/td>72%<\/td>\n<\/tr>\n
wheat<\/td>
<\/div><\/td>
245<\/td>222<\/td>179<\/td>39<\/td>77%<\/td>83%<\/td>\n<\/tr>\n
white<\/td>
<\/div><\/td>
255<\/td>255<\/td>255<\/td>0<\/td>0%<\/td>100%<\/td>\n<\/tr>\n
whitesmoke<\/td>
<\/div><\/td>
245<\/td>245<\/td>245<\/td>0<\/td>0%<\/td>96%<\/td>\n<\/tr>\n
yellow<\/td>
<\/div><\/td>
255<\/td>255<\/td>0<\/td>60<\/td>100%<\/td>50%<\/td>\n<\/tr>\n
yellowgreen<\/td>
<\/div><\/td>
154<\/td>205<\/td>50<\/td>80<\/td>61%<\/td>50%<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n

Color Information is based on the \u201cNamed Colors\u201d section of the CSS Color Module Level 4 (W3C Candidate Recommendation Draft) documentation<\/a>. Copyright \u00a9 2025 World Wide Web Consortium. W3C\u00ae<\/p>\n","protected":false},"excerpt":{"rendered":"

Happy Saint Valentine’s Day! Red is the common color of the day, but which shade of red? That’s the point of this post. First, it’s to show that there’s progress on the \u201cPhotics Web Guide\u201d. It’s a tough project, but this might be the best Photics book yet! But while working on the CSS chapter … Continue reading “Named CSS Colors \ud83c\udfa8”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[343],"tags":[],"class_list":["post-8832","post","type-post","status-publish","format-standard","hentry","category-web-development"],"_links":{"self":[{"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/posts\/8832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/comments?post=8832"}],"version-history":[{"count":0,"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/posts\/8832\/revisions"}],"wp:attachment":[{"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/media?parent=8832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/categories?post=8832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/photics.com\/wp-json\/wp\/v2\/tags?post=8832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}