Skip to content

Instantly share code, notes, and snippets.

@dralmadani
Last active October 20, 2023 21:37
Show Gist options
  • Save dralmadani/10ef64400131e5217fca4a6a29f3fa68 to your computer and use it in GitHub Desktop.
Save dralmadani/10ef64400131e5217fca4a6a29f3fa68 to your computer and use it in GitHub Desktop.

This dataset about "color data in CSS".


This dataset show that the list of accepted keywords has undergone many changes during the evolution of CSS:

  • CSS Level 1 only included 16 basic colors, called the VGA colors as they were taken from the set of displayable colors on VGA graphics cards.
  • CSS Level 2 added the orange keyword.
  • Although various colors not in the specification (mostly adapted from the X11 colors list) were supported by early browsers, it wasn't until SVG 1.0 and CSS Colors Level 3 that they were formally defined. They are called the extended color keywords, the X11 colors, or the SVG colors.
  • CSS Colors Level 4 added the rebeccapurple keyword to honor web pioneer Eric Meyer.
Specification Keyword RGB hex value
CSS Level 1 black #000000
CSS Level 1 silver #c0c0c0
CSS Level 1 gray #808080
CSS Level 1 white #ffffff
CSS Level 1 maroon #800000
CSS Level 1 red #ff0000
CSS Level 1 purple #800080
CSS Level 1 fuchsia #ff00ff
CSS Level 1 green #008000
CSS Level 1 lime #00ff00
CSS Level 1 olive #808000
CSS Level 1 yellow #ffff00
CSS Level 1 navy #000080
CSS Level 1 blue #0000ff
CSS Level 1 teal #008080
CSS Level 1 aqua #00ffff
CSS Level 2 (Revision 1) orange #ffa500
CSS Color Module Level 3 aliceblue #f0f8ff
CSS Color Module Level 3 antiquewhite #faebd7
CSS Color Module Level 3 aquamarine #7fffd4
CSS Color Module Level 3 azure #f0ffff
CSS Color Module Level 3 beige #f5f5dc
CSS Color Module Level 3 bisque #ffe4c4
CSS Color Module Level 3 blanchedalmond #ffebcd
CSS Color Module Level 3 blueviolet #8a2be2
CSS Color Module Level 3 brown #a52a2a
CSS Color Module Level 3 burlywood #deb887
CSS Color Module Level 3 cadetblue #5f9ea0
CSS Color Module Level 3 chartreuse #7fff00
CSS Color Module Level 3 chocolate #d2691e
CSS Color Module Level 3 coral #ff7f50
CSS Color Module Level 3 cornflowerblue #6495ed
CSS Color Module Level 3 cornsilk #fff8dc
CSS Color Module Level 3 crimson #dc143c
CSS Color Module Level 3 cyan #00ffff
CSS Color Module Level 3 aqua #00ffff
CSS Color Module Level 3 darkblue #00008b
CSS Color Module Level 3 darkcyan #008b8b
CSS Color Module Level 3 darkgoldenrod #b8860b
CSS Color Module Level 3 darkgray #a9a9a9
CSS Color Module Level 3 darkgreen #006400
CSS Color Module Level 3 darkgrey #a9a9a9
CSS Color Module Level 3 darkkhaki #bdb76b
CSS Color Module Level 3 darkmagenta #8b008b
CSS Color Module Level 3 darkolivegreen #556b2f
CSS Color Module Level 3 darkorange #ff8c00
CSS Color Module Level 3 darkorchid #9932cc
CSS Color Module Level 3 darkred #8b0000
CSS Color Module Level 3 darksalmon #e9967a
CSS Color Module Level 3 darkseagreen #8fbc8f
CSS Color Module Level 3 darkslateblue #483d8b
CSS Color Module Level 3 darkslategray #2f4f4f
CSS Color Module Level 3 darkslategrey #2f4f4f
CSS Color Module Level 3 darkturquoise #00ced1
CSS Color Module Level 3 darkviolet #9400d3
CSS Color Module Level 3 deeppink #ff1493
CSS Color Module Level 3 deepskyblue #00bfff
CSS Color Module Level 3 dimgray #696969
CSS Color Module Level 3 dimgrey #696969
CSS Color Module Level 3 dodgerblue #1e90ff
CSS Color Module Level 3 firebrick #b22222
CSS Color Module Level 3 floralwhite #fffaf0
CSS Color Module Level 3 forestgreen #228b22
CSS Color Module Level 3 gainsboro #dcdcdc
CSS Color Module Level 3 ghostwhite #f8f8ff
CSS Color Module Level 3 gold #ffd700
CSS Color Module Level 3 goldenrod #daa520
CSS Color Module Level 3 greenyellow #adff2f
CSS Color Module Level 3 grey #808080
CSS Color Module Level 3 honeydew #f0fff0
CSS Color Module Level 3 hotpink #ff69b4
CSS Color Module Level 3 indianred #cd5c5c
CSS Color Module Level 3 indigo #4b0082
CSS Color Module Level 3 ivory #fffff0
CSS Color Module Level 3 khaki #f0e68c
CSS Color Module Level 3 lavender #e6e6fa
CSS Color Module Level 3 lavenderblush #fff0f5
CSS Color Module Level 3 lawngreen #7cfc00
CSS Color Module Level 3 lemonchiffon #fffacd
CSS Color Module Level 3 lightblue #add8e6
CSS Color Module Level 3 lightcoral #f08080
CSS Color Module Level 3 lightcyan #e0ffff
CSS Color Module Level 3 lightgoldenrodyellow #fafad2
CSS Color Module Level 3 lightgray #d3d3d3
CSS Color Module Level 3 lightgreen #90ee90
CSS Color Module Level 3 lightgrey #d3d3d3
CSS Color Module Level 3 lightpink #ffb6c1
CSS Color Module Level 3 lightsalmon #ffa07a
CSS Color Module Level 3 lightseagreen #20b2aa
CSS Color Module Level 3 lightskyblue #87cefa
CSS Color Module Level 3 lightslategray #778899
CSS Color Module Level 3 lightslategrey #778899
CSS Color Module Level 3 lightsteelblue #b0c4de
CSS Color Module Level 3 lightyellow #ffffe0
CSS Color Module Level 3 limegreen #32cd32
CSS Color Module Level 3 linen #faf0e6
CSS Color Module Level 3 magenta #ff00ff
CSS Color Module Level 3 fuchsia #ff00ff
CSS Color Module Level 3 mediumaquamarine #66cdaa
CSS Color Module Level 3 mediumblue #0000cd
CSS Color Module Level 3 mediumorchid #ba55d3
CSS Color Module Level 3 mediumpurple #9370db
CSS Color Module Level 3 mediumseagreen #3cb371
CSS Color Module Level 3 mediumslateblue #7b68ee
CSS Color Module Level 3 mediumspringgreen #00fa9a
CSS Color Module Level 3 mediumturquoise #48d1cc
CSS Color Module Level 3 mediumvioletred #c71585
CSS Color Module Level 3 midnightblue #191970
CSS Color Module Level 3 mintcream #f5fffa
CSS Color Module Level 3 mistyrose #ffe4e1
CSS Color Module Level 3 moccasin #ffe4b5
CSS Color Module Level 3 navajowhite #ffdead
CSS Color Module Level 3 oldlace #fdf5e6
CSS Color Module Level 3 olivedrab #6b8e23
CSS Color Module Level 3 orangered #ff4500
CSS Color Module Level 3 orchid #da70d6
CSS Color Module Level 3 palegoldenrod #eee8aa
CSS Color Module Level 3 palegreen #98fb98
CSS Color Module Level 3 paleturquoise #afeeee
CSS Color Module Level 3 palevioletred #db7093
CSS Color Module Level 3 papayawhip #ffefd5
CSS Color Module Level 3 peachpuff #ffdab9
CSS Color Module Level 3 peru #cd853f
CSS Color Module Level 3 pink #ffc0cb
CSS Color Module Level 3 plum #dda0dd
CSS Color Module Level 3 powderblue #b0e0e6
CSS Color Module Level 3 rosybrown #bc8f8f
CSS Color Module Level 3 royalblue #4169e1
CSS Color Module Level 3 saddlebrown #8b4513
CSS Color Module Level 3 salmon #fa8072
CSS Color Module Level 3 sandybrown #f4a460
CSS Color Module Level 3 seagreen #2e8b57
CSS Color Module Level 3 seashell #fff5ee
CSS Color Module Level 3 sienna #a0522d
CSS Color Module Level 3 skyblue #87ceeb
CSS Color Module Level 3 slateblue #6a5acd
CSS Color Module Level 3 slategray #708090
CSS Color Module Level 3 slategrey #708090
CSS Color Module Level 3 snow #fffafa
CSS Color Module Level 3 springgreen #00ff7f
CSS Color Module Level 3 steelblue #4682b4
CSS Color Module Level 3 tan #d2b48c
CSS Color Module Level 3 thistle #d8bfd8
CSS Color Module Level 3 tomato #ff6347
CSS Color Module Level 3 turquoise #40e0d0
CSS Color Module Level 3 violet #ee82ee
CSS Color Module Level 3 wheat #f5deb3
CSS Color Module Level 3 whitesmoke #f5f5f5
CSS Color Module Level 3 yellowgreen #9acd32
CSS Color Module Level 4 rebeccapurple #663399
@andriuy000
Copy link

thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment