Todos los colores en keywords para Gutter Color

Archivado en: CSS3 SVG

Gutter color es un package para Sublime Text 3 el cual nos muestra el color que estamos utilizando en nuestros archivos CSS.

A algunos nos gusta utilizar los keywords disponibles para mostrar los colores, y como Gutter Color no compila los keywords, lo he solucionado creando un CSS con el nombre del color y su valor hexadecimal, así Gutter Color nos muestra en el lateral del archivo el color de cada keyword.

Actualización del 20 de Junio del 2014

Añadido Beccapurpple #663399

Gutter color keywords

Tan sólo tenéis que copiad y pegad el texto en vuestro archivo CSS.

  1 aliceblue { color: #F0F8FF; }
  2 antiquewhite { color: #FAEBD7; }
  3 aqua { color: #00FFFF; }
  4 aquamarine { color: #7FFFD4; }
  5 azure { color: #F0FFFF; }
  6 beccapurple { color: #663399; }
  7 beige { color: #F5F5DC; }
  8 bisque { color: #F0FFFF }
  9 black { color: #000000; }
 10 blanchedalmond { color: #FFEBCD; }
 11 blue { color: #0000FF; }
 12 blueviolet { color: #8A2BE2; }
 13 brown { color: #A52A2A; }
 14 burlywood { color: #DEB887; }
 15 cadetblue { color: #5F9EA0; }
 16 chartreuse { color: #7FFF00; }
 17 chocolate { color: #D2691E; }
 18 coral { color: #FF7F50; }
 19 cornflowerblue { color: #6495ED; }
 20 cornsilk { color: #FFF8DC; }
 21 crimson { color: #DC143C; }
 22 cyan { color: #00FFFF; }
 23 darkblue { color: #00008B; }
 24 darkcyan { color: #008B8B; }
 25 darkgoldenrod { color: #B8860B; }
 26 darkgray { color: #A9A9A9; }
 27 darkgrey { color:#A9A9A9;}
 28 darkgreen { color: #006400; }
 29 darkkhaki { color: #BDB76B; }
 30 darkmagenta { color: #8B008B; }
 31 darkolivegreen { color: #556B2F; }
 32 darkorange { color: #FF8C00; }
 33 darkorchid { color: #9932CC; }
 34 darkred { color: #8B0000; }
 35 darksalmon { color: #E9967A; }
 36 darkseagreen { color: #8FBC8F; }
 37 darkslateblue { color: #483D8B; }
 38 darkslategray { color: #2F4F4F; }
 39 darkslategrey { color: #2F4F4F; }
 40 darkturquoise { color: #00CED1; }
 41 darkviolet { color: #9400D3; }
 42 deeppink { color: #FF1493; }
 43 deepskyblue { color: #00BFFF; }
 44 dimgray { color: #696969; }
 45 dimgrey { color: #696969; }
 46 dodgerblue { color: #1E90FF; }
 47 firebrick { color: #B22222; }
 48 floralwhite { color: #FFFAF0; }
 49 forestgreen { color: #228B22; }
 50 fuchsia { color: #FF00FF; }
 51 gainsboro { color: #DCDCDC; }
 52 ghostwhite { color: #F8F8FF; }
 53 gold { color: #FFD700; }
 54 goldenrod { color: #DAA520; }
 55 gray { color: #808080; }
 56 grey { color: #808080;  }
 57 green { color: #008000; }
 58 greenyellow { color: #ADFF2F; }
 59 honeydew { color: #F0FFF0; }
 60 hotpink { color: #FF69B4;  }
 61 indianred { color: #CD5C5C; }
 62 indigo { color: #4B0082; }
 63 ivory  { color: #FFFFF0; }
 64 khaki { color: #F0E68C; }
 65 lavender { color: #E6E6FA;  }
 66 lavenderblush { color: #FFF0F5; }
 67 lawngreen { color: #7CFC00;  }
 68 lemonchiffon { color: #FFFACD; }
 69 lightblue { color: #ADD8E6; }
 70 lightcoral { color: #F08080;  }
 71 lightcyan { color: #E0FFFF;  }
 72 lightgoldenrodyellow { color: #FAFAD2;  }
 73 lightslategrey { color: #789;  }
 74 lightgreen { color: #90EE90;  }
 75 lightgrey { color: #D3D3D3;  }
 76 lightpink { color: #FFB6C1; }
 77 lightsalmon { color: #FFA07A;  }
 78 lightseagreen { color: #20B2AA;  }
 79 lightskyblue { color: #87CEFA;  }
 80 lightslategray { color: #778899;  }
 81 lightgray { color: #D3D3D3; }
 82 lightsteelblue { color: #B0C4DE;  }
 83 lightyellow { color: #FFFFE0; }
 84 lime { color: #00FF00; }
 85 limegreen { color: #32CD32;  }
 86 linen { color: #FAF0E6; }
 87 magenta { color: #FF00FF;  }
 88 maroon { color: #800000; }
 89 mediumaquamarine { color: #66CDAA;  }
 90 mediumblue { color: #0000CD;  }
 91 mediumorchid { color: #BA55D3;  }
 92 mediumpurple { color: #9370DB;  }
 93 mediumseagreen { color: #3CB371; }
 94 mediumslateblue { color: #7B68EE;  }
 95 mediumspringgreen { color: #00FA9A; }
 96 mediumturquoise { color: #48D1CC;  }
 97 mediumvioletred { color: #C71585; }
 98 midnightblue { color: #191970;  }
 99 mintcream { color: #F5FFFA;  }
100 mistyrose { color: #FFE4E1;  }
101 moccasin { color: #FFE4B5;  }
102 navajowhite { color: #FFDEAD; }
103 navy { color: #000080;  }
104 oldlace { color: #FDF5E6;  }
105 olive { color: #808000;  }
106 olivedrab { color: #6B8E23;  }
107 orange { color: #FFA500; }
108 orangered { color: #FF4500;  }
109 orchid { color: #DA70D6;  }
110 palegoldenrod { color: #EEE8AA; }
111 palegreen { color: #98FB98;  }
112 paleturquoise { color: #AFEEEE; }
113 palevioletred { color: #DB7093; }
114 papayawhip { color: #FFEFD5;  }
115 peachpuff { color: #FFDAB9; }
116 peru { color: #CD853F; }
117 pink { color: #FFC0CB; }
118 plum { color: #DDA0DD;  }
119 powderblue { color: #B0E0E6;  }
120 purple { color: #800080; }
121 red { color: #FF0000;  }
122 rosybrown { color: #BC8F8F;  }
123 royalblue { color: #4169E1; }
124 saddlebrown { color: #8B4513;  }
125 salmon { color: #FFA07A; }
126 sandybrown { color: #F4A460; }
127 seagreen { color: #20B2AA;  }
128 seashell { color: #FFF5EE;  }
129 sienna { color: #A0522D; }
130 silver { color: #C0C0C0; }
131 skyblue { color: #87CEEB;  }
132 slateblue { color: #7B68EE;  }
133 slategray { color: #708090; }
134 slategrey { color: #708090;  }
135 snow { color: #FFFAFA; }
136 springgreen { color: #00FF7F;  }
137 steelblue { color: #4682B4;  }
138 tan { color: #D2B48C;  }
139 teal { color: #008080; }
140 thistle { color: #D8BFD8;  }
141 tomato { color: #FF6347; }
142 turquoise { color: #40E0D0;  }
143 violet { color: #EE82EE;  }
144 wheat { color: #F5DEB3; }
145 white { color: #FFFFFF;  }
146 whitesmoke { color: #F5F5F5; }
147 yellow { color: #FFFF00; }
148 yellowgreen { color: #9ACD32; }
SCALABLE, un libro sobre SVGA lo largo de 15 capítulos, 120 páginas y más de 70 ejemplos vamos a ver todo lo que podemos hacer con SVG. Tu pones el precio, disponible desde 0$ para descargar desde LeanPub(PDF, ePUB y MOBI).