Skip to content

Instantly share code, notes, and snippets.

@tomsoderlund
Created November 3, 2019 17:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tomsoderlund/548d39611c45397f48434e706b8c9b92 to your computer and use it in GitHub Desktop.
Save tomsoderlund/548d39611c45397f48434e706b8c9b92 to your computer and use it in GitHub Desktop.
All named HTML colors with RGB and HSL values
[
{
"name": "indianred",
"hexValue": "#cd5c5c",
"rgbValues": [205, 92, 92],
"hslValues": [0, 0.531, 0.582]
},
{
"name": "lightcoral",
"hexValue": "#f08080",
"rgbValues": [240, 128, 128],
"hslValues": [0, 0.789, 0.722]
},
{
"name": "salmon",
"hexValue": "#fa8072",
"rgbValues": [250, 128, 114],
"hslValues": [6.176, 0.932, 0.714]
},
{
"name": "darksalmon",
"hexValue": "#e9967a",
"rgbValues": [233, 150, 122],
"hslValues": [15.135, 0.716, 0.696]
},
{
"name": "lightsalmon",
"hexValue": "#ffa07a",
"rgbValues": [255, 160, 122],
"hslValues": [17.143, 1, 0.739]
},
{
"name": "crimson",
"hexValue": "#dc143c",
"rgbValues": [220, 20, 60],
"hslValues": [348, 0.833, 0.471]
},
{
"name": "red",
"hexValue": "#ff0000",
"rgbValues": [255, 0, 0],
"hslValues": [0, 1, 0.5]
},
{
"name": "firebrick",
"hexValue": "#b22222",
"rgbValues": [178, 34, 34],
"hslValues": [0, 0.679, 0.416]
},
{
"name": "darkred",
"hexValue": "#8b0000",
"rgbValues": [139, 0, 0],
"hslValues": [0, 1, 0.273]
},
{
"name": "pink",
"hexValue": "#ffc0cb",
"rgbValues": [255, 192, 203],
"hslValues": [349.524, 1, 0.876]
},
{
"name": "lightpink",
"hexValue": "#ffb6c1",
"rgbValues": [255, 182, 193],
"hslValues": [350.959, 1, 0.857]
},
{
"name": "hotpink",
"hexValue": "#ff69b4",
"rgbValues": [255, 105, 180],
"hslValues": [330, 1, 0.706]
},
{
"name": "deeppink",
"hexValue": "#ff1493",
"rgbValues": [255, 20, 147],
"hslValues": [327.574, 1, 0.539]
},
{
"name": "mediumvioletred",
"hexValue": "#c71585",
"rgbValues": [199, 21, 133],
"hslValues": [322.247, 0.809, 0.431]
},
{
"name": "palevioletred",
"hexValue": "#db7093",
"rgbValues": [219, 112, 147],
"hslValues": [340.374, 0.598, 0.649]
},
{
"name": "lightsalmon",
"hexValue": "#ffa07a",
"rgbValues": [255, 160, 122],
"hslValues": [17.143, 1, 0.739]
},
{
"name": "coral",
"hexValue": "#ff7f50",
"rgbValues": [255, 127, 80],
"hslValues": [16.114, 1, 0.657]
},
{
"name": "tomato",
"hexValue": "#ff6347",
"rgbValues": [255, 99, 71],
"hslValues": [9.13, 1, 0.639]
},
{
"name": "orangered",
"hexValue": "#ff4500",
"rgbValues": [255, 69, 0],
"hslValues": [16.235, 1, 0.5]
},
{
"name": "darkorange",
"hexValue": "#ff8c00",
"rgbValues": [255, 140, 0],
"hslValues": [32.941, 1, 0.5]
},
{
"name": "orange",
"hexValue": "#ffa500",
"rgbValues": [255, 165, 0],
"hslValues": [38.824, 1, 0.5]
},
{
"name": "gold",
"hexValue": "#ffd700",
"rgbValues": [255, 215, 0],
"hslValues": [50.588, 1, 0.5]
},
{
"name": "yellow",
"hexValue": "#ffff00",
"rgbValues": [255, 255, 0],
"hslValues": [60, 1, 0.5]
},
{
"name": "lightyellow",
"hexValue": "#ffffe0",
"rgbValues": [255, 255, 224],
"hslValues": [60, 1, 0.939]
},
{
"name": "lemonchiffon",
"hexValue": "#fffacd",
"rgbValues": [255, 250, 205],
"hslValues": [54, 1, 0.902]
},
{
"name": "lightgoldenrodyellow",
"hexValue": "#fafad2",
"rgbValues": [250, 250, 210],
"hslValues": [60, 0.8, 0.902]
},
{
"name": "papayawhip",
"hexValue": "#ffefd5",
"rgbValues": [255, 239, 213],
"hslValues": [37.143, 1, 0.918]
},
{
"name": "moccasin",
"hexValue": "#ffe4b5",
"rgbValues": [255, 228, 181],
"hslValues": [38.108, 1, 0.855]
},
{
"name": "peachpuff",
"hexValue": "#ffdab9",
"rgbValues": [255, 218, 185],
"hslValues": [28.286, 1, 0.863]
},
{
"name": "palegoldenrod",
"hexValue": "#eee8aa",
"rgbValues": [238, 232, 170],
"hslValues": [54.706, 0.667, 0.8]
},
{
"name": "khaki",
"hexValue": "#f0e68c",
"rgbValues": [240, 230, 140],
"hslValues": [54, 0.769, 0.745]
},
{
"name": "darkkhaki",
"hexValue": "#bdb76b",
"rgbValues": [189, 183, 107],
"hslValues": [55.61, 0.383, 0.58]
},
{
"name": "lavender",
"hexValue": "#e6e6fa",
"rgbValues": [230, 230, 250],
"hslValues": [240, 0.667, 0.941]
},
{
"name": "thistle",
"hexValue": "#d8bfd8",
"rgbValues": [216, 191, 216],
"hslValues": [300, 0.243, 0.798]
},
{
"name": "plum",
"hexValue": "#dda0dd",
"rgbValues": [221, 160, 221],
"hslValues": [300, 0.473, 0.747]
},
{
"name": "violet",
"hexValue": "#ee82ee",
"rgbValues": [238, 130, 238],
"hslValues": [300, 0.761, 0.722]
},
{
"name": "orchid",
"hexValue": "#da70d6",
"rgbValues": [218, 112, 214],
"hslValues": [302.264, 0.589, 0.647]
},
{
"name": "fuchsia",
"hexValue": "#ff00ff",
"rgbValues": [255, 0, 255],
"hslValues": [300, 1, 0.5]
},
{
"name": "magenta",
"hexValue": "#ff00ff",
"rgbValues": [255, 0, 255],
"hslValues": [300, 1, 0.5]
},
{
"name": "mediumorchid",
"hexValue": "#ba55d3",
"rgbValues": [186, 85, 211],
"hslValues": [288.095, 0.589, 0.58]
},
{
"name": "mediumpurple",
"hexValue": "#9370db",
"rgbValues": [147, 112, 219],
"hslValues": [259.626, 0.598, 0.649]
},
{
"name": "rebeccapurple",
"hexValue": "#663399",
"rgbValues": [102, 51, 153],
"hslValues": [270, 0.5, 0.4]
},
{
"name": "blueviolet",
"hexValue": "#8a2be2",
"rgbValues": [138, 43, 226],
"hslValues": [271.148, 0.759, 0.527]
},
{
"name": "darkviolet",
"hexValue": "#9400d3",
"rgbValues": [148, 0, 211],
"hslValues": [282.085, 1, 0.414]
},
{
"name": "darkorchid",
"hexValue": "#9932cc",
"rgbValues": [153, 50, 204],
"hslValues": [280.13, 0.606, 0.498]
},
{
"name": "darkmagenta",
"hexValue": "#8b008b",
"rgbValues": [139, 0, 139],
"hslValues": [300, 1, 0.273]
},
{
"name": "purple",
"hexValue": "#800080",
"rgbValues": [128, 0, 128],
"hslValues": [300, 1, 0.251]
},
{
"name": "indigo",
"hexValue": "#4b0082",
"rgbValues": [75, 0, 130],
"hslValues": [274.615, 1, 0.255]
},
{
"name": "slateblue",
"hexValue": "#6a5acd",
"rgbValues": [106, 90, 205],
"hslValues": [248.348, 0.535, 0.578]
},
{
"name": "darkslateblue",
"hexValue": "#483d8b",
"rgbValues": [72, 61, 139],
"hslValues": [248.462, 0.39, 0.392]
},
{
"name": "mediumslateblue",
"hexValue": "#7b68ee",
"rgbValues": [123, 104, 238],
"hslValues": [248.507, 0.798, 0.671]
},
{
"name": "greenyellow",
"hexValue": "#adff2f",
"rgbValues": [173, 255, 47],
"hslValues": [83.654, 1, 0.592]
},
{
"name": "chartreuse",
"hexValue": "#7fff00",
"rgbValues": [127, 255, 0],
"hslValues": [90.118, 1, 0.5]
},
{
"name": "lawngreen",
"hexValue": "#7cfc00",
"rgbValues": [124, 252, 0],
"hslValues": [90.476, 1, 0.494]
},
{
"name": "lime",
"hexValue": "#00ff00",
"rgbValues": [0, 255, 0],
"hslValues": [120, 1, 0.5]
},
{
"name": "limegreen",
"hexValue": "#32cd32",
"rgbValues": [50, 205, 50],
"hslValues": [120, 0.608, 0.5]
},
{
"name": "palegreen",
"hexValue": "#98fb98",
"rgbValues": [152, 251, 152],
"hslValues": [120, 0.925, 0.79]
},
{
"name": "lightgreen",
"hexValue": "#90ee90",
"rgbValues": [144, 238, 144],
"hslValues": [120, 0.734, 0.749]
},
{
"name": "mediumspringgreen",
"hexValue": "#00fa9a",
"rgbValues": [0, 250, 154],
"hslValues": [156.96, 1, 0.49]
},
{
"name": "springgreen",
"hexValue": "#00ff7f",
"rgbValues": [0, 255, 127],
"hslValues": [149.882, 1, 0.5]
},
{
"name": "mediumseagreen",
"hexValue": "#3cb371",
"rgbValues": [60, 179, 113],
"hslValues": [146.723, 0.498, 0.469]
},
{
"name": "seagreen",
"hexValue": "#2e8b57",
"rgbValues": [46, 139, 87],
"hslValues": [146.452, 0.503, 0.363]
},
{
"name": "forestgreen",
"hexValue": "#228b22",
"rgbValues": [34, 139, 34],
"hslValues": [120, 0.607, 0.339]
},
{
"name": "green",
"hexValue": "#008000",
"rgbValues": [0, 128, 0],
"hslValues": [120, 1, 0.251]
},
{
"name": "darkgreen",
"hexValue": "#006400",
"rgbValues": [0, 100, 0],
"hslValues": [120, 1, 0.196]
},
{
"name": "yellowgreen",
"hexValue": "#9acd32",
"rgbValues": [154, 205, 50],
"hslValues": [79.742, 0.608, 0.5]
},
{
"name": "olivedrab",
"hexValue": "#6b8e23",
"rgbValues": [107, 142, 35],
"hslValues": [79.626, 0.605, 0.347]
},
{
"name": "olive",
"hexValue": "#808000",
"rgbValues": [128, 128, 0],
"hslValues": [60, 1, 0.251]
},
{
"name": "darkolivegreen",
"hexValue": "#556b2f",
"rgbValues": [85, 107, 47],
"hslValues": [82, 0.39, 0.302]
},
{
"name": "mediumaquamarine",
"hexValue": "#66cdaa",
"rgbValues": [102, 205, 170],
"hslValues": [159.612, 0.507, 0.602]
},
{
"name": "darkseagreen",
"hexValue": "#8fbc8b",
"rgbValues": [143, 188, 139],
"hslValues": [115.102, 0.268, 0.641]
},
{
"name": "lightseagreen",
"hexValue": "#20b2aa",
"rgbValues": [32, 178, 170],
"hslValues": [176.712, 0.695, 0.412]
},
{
"name": "darkcyan",
"hexValue": "#008b8b",
"rgbValues": [0, 139, 139],
"hslValues": [180, 1, 0.273]
},
{
"name": "teal",
"hexValue": "#008080",
"rgbValues": [0, 128, 128],
"hslValues": [180, 1, 0.251]
},
{
"name": "aqua",
"hexValue": "#00ffff",
"rgbValues": [0, 255, 255],
"hslValues": [180, 1, 0.5]
},
{
"name": "cyan",
"hexValue": "#00ffff",
"rgbValues": [0, 255, 255],
"hslValues": [180, 1, 0.5]
},
{
"name": "lightcyan",
"hexValue": "#e0ffff",
"rgbValues": [224, 255, 255],
"hslValues": [180, 1, 0.939]
},
{
"name": "paleturquoise",
"hexValue": "#afeeee",
"rgbValues": [175, 238, 238],
"hslValues": [180, 0.649, 0.81]
},
{
"name": "aquamarine",
"hexValue": "#7fffd4",
"rgbValues": [127, 255, 212],
"hslValues": [159.844, 1, 0.749]
},
{
"name": "turquoise",
"hexValue": "#40e0d0",
"rgbValues": [64, 224, 208],
"hslValues": [174, 0.721, 0.565]
},
{
"name": "mediumturquoise",
"hexValue": "#48d1cc",
"rgbValues": [72, 209, 204],
"hslValues": [177.81, 0.598, 0.551]
},
{
"name": "darkturquoise",
"hexValue": "#00ced1",
"rgbValues": [0, 206, 209],
"hslValues": [180.861, 1, 0.41]
},
{
"name": "cadetblue",
"hexValue": "#5f9ea0",
"rgbValues": [95, 158, 160],
"hslValues": [181.846, 0.255, 0.5]
},
{
"name": "steelblue",
"hexValue": "#4682b4",
"rgbValues": [70, 130, 180],
"hslValues": [207.273, 0.44, 0.49]
},
{
"name": "lightsteelblue",
"hexValue": "#b0c4de",
"rgbValues": [176, 196, 222],
"hslValues": [213.913, 0.411, 0.78]
},
{
"name": "powderblue",
"hexValue": "#b0e0e6",
"rgbValues": [176, 224, 230],
"hslValues": [186.667, 0.519, 0.796]
},
{
"name": "lightblue",
"hexValue": "#add8e6",
"rgbValues": [173, 216, 230],
"hslValues": [194.737, 0.533, 0.79]
},
{
"name": "skyblue",
"hexValue": "#87ceeb",
"rgbValues": [135, 206, 235],
"hslValues": [197.4, 0.714, 0.725]
},
{
"name": "lightskyblue",
"hexValue": "#87cefa",
"rgbValues": [135, 206, 250],
"hslValues": [202.957, 0.92, 0.755]
},
{
"name": "deepskyblue",
"hexValue": "#00bfff",
"rgbValues": [0, 191, 255],
"hslValues": [195.059, 1, 0.5]
},
{
"name": "dodgerblue",
"hexValue": "#1e90ff",
"rgbValues": [30, 144, 255],
"hslValues": [209.6, 1, 0.559]
},
{
"name": "cornflowerblue",
"hexValue": "#6495ed",
"rgbValues": [100, 149, 237],
"hslValues": [218.54, 0.792, 0.661]
},
{
"name": "mediumslateblue",
"hexValue": "#7b68ee",
"rgbValues": [123, 104, 238],
"hslValues": [248.507, 0.798, 0.671]
},
{
"name": "royalblue",
"hexValue": "#4169e1",
"rgbValues": [65, 105, 225],
"hslValues": [225, 0.727, 0.569]
},
{
"name": "blue",
"hexValue": "#0000ff",
"rgbValues": [0, 0, 255],
"hslValues": [240, 1, 0.5]
},
{
"name": "mediumblue",
"hexValue": "#0000cd",
"rgbValues": [0, 0, 205],
"hslValues": [240, 1, 0.402]
},
{
"name": "darkblue",
"hexValue": "#00008b",
"rgbValues": [0, 0, 139],
"hslValues": [240, 1, 0.273]
},
{
"name": "navy",
"hexValue": "#000080",
"rgbValues": [0, 0, 128],
"hslValues": [240, 1, 0.251]
},
{
"name": "midnightblue",
"hexValue": "#191970",
"rgbValues": [25, 25, 112],
"hslValues": [240, 0.635, 0.269]
},
{
"name": "cornsilk",
"hexValue": "#fff8dc",
"rgbValues": [255, 248, 220],
"hslValues": [48, 1, 0.931]
},
{
"name": "blanchedalmond",
"hexValue": "#ffebcd",
"rgbValues": [255, 235, 205],
"hslValues": [36, 1, 0.902]
},
{
"name": "bisque",
"hexValue": "#ffe4c4",
"rgbValues": [255, 228, 196],
"hslValues": [32.542, 1, 0.884]
},
{
"name": "navajowhite",
"hexValue": "#ffdead",
"rgbValues": [255, 222, 173],
"hslValues": [35.854, 1, 0.839]
},
{
"name": "wheat",
"hexValue": "#f5deb3",
"rgbValues": [245, 222, 179],
"hslValues": [39.091, 0.767, 0.831]
},
{
"name": "burlywood",
"hexValue": "#deb887",
"rgbValues": [222, 184, 135],
"hslValues": [33.793, 0.569, 0.7]
},
{
"name": "tan",
"hexValue": "#d2b48c",
"rgbValues": [210, 180, 140],
"hslValues": [34.286, 0.437, 0.686]
},
{
"name": "rosybrown",
"hexValue": "#bc8f8f",
"rgbValues": [188, 143, 143],
"hslValues": [0, 0.251, 0.649]
},
{
"name": "sandybrown",
"hexValue": "#f4a460",
"rgbValues": [244, 164, 96],
"hslValues": [27.568, 0.871, 0.667]
},
{
"name": "goldenrod",
"hexValue": "#daa520",
"rgbValues": [218, 165, 32],
"hslValues": [42.903, 0.744, 0.49]
},
{
"name": "darkgoldenrod",
"hexValue": "#b8860b",
"rgbValues": [184, 134, 11],
"hslValues": [42.659, 0.887, 0.382]
},
{
"name": "peru",
"hexValue": "#cd853f",
"rgbValues": [205, 133, 63],
"hslValues": [29.577, 0.587, 0.525]
},
{
"name": "chocolate",
"hexValue": "#d2691e",
"rgbValues": [210, 105, 30],
"hslValues": [25, 0.75, 0.471]
},
{
"name": "saddlebrown",
"hexValue": "#8b4513",
"rgbValues": [139, 69, 19],
"hslValues": [25, 0.759, 0.31]
},
{
"name": "sienna",
"hexValue": "#a0522d",
"rgbValues": [160, 82, 45],
"hslValues": [19.304, 0.561, 0.402]
},
{
"name": "brown",
"hexValue": "#a52a2a",
"rgbValues": [165, 42, 42],
"hslValues": [0, 0.594, 0.406]
},
{
"name": "maroon",
"hexValue": "#800000",
"rgbValues": [128, 0, 0],
"hslValues": [0, 1, 0.251]
},
{
"name": "white",
"hexValue": "#ffffff",
"rgbValues": [255, 255, 255],
"hslValues": [0, 0, 1]
},
{
"name": "snow",
"hexValue": "#fffafa",
"rgbValues": [255, 250, 250],
"hslValues": [0, 1, 0.99]
},
{
"name": "honeydew",
"hexValue": "#f0fff0",
"rgbValues": [240, 255, 240],
"hslValues": [120, 1, 0.971]
},
{
"name": "mintcream",
"hexValue": "#f5fffa",
"rgbValues": [245, 255, 250],
"hslValues": [150, 1, 0.98]
},
{
"name": "azure",
"hexValue": "#f0ffff",
"rgbValues": [240, 255, 255],
"hslValues": [180, 1, 0.971]
},
{
"name": "aliceblue",
"hexValue": "#f0f8ff",
"rgbValues": [240, 248, 255],
"hslValues": [208, 1, 0.971]
},
{
"name": "ghostwhite",
"hexValue": "#f8f8ff",
"rgbValues": [248, 248, 255],
"hslValues": [240, 1, 0.986]
},
{
"name": "whitesmoke",
"hexValue": "#f5f5f5",
"rgbValues": [245, 245, 245],
"hslValues": [0, 0, 0.961]
},
{
"name": "seashell",
"hexValue": "#fff5ee",
"rgbValues": [255, 245, 238],
"hslValues": [24.706, 1, 0.967]
},
{
"name": "beige",
"hexValue": "#f5f5dc",
"rgbValues": [245, 245, 220],
"hslValues": [60, 0.556, 0.912]
},
{
"name": "oldlace",
"hexValue": "#fdf5e6",
"rgbValues": [253, 245, 230],
"hslValues": [39.13, 0.852, 0.947]
},
{
"name": "floralwhite",
"hexValue": "#fffaf0",
"rgbValues": [255, 250, 240],
"hslValues": [40, 1, 0.971]
},
{
"name": "ivory",
"hexValue": "#fffff0",
"rgbValues": [255, 255, 240],
"hslValues": [60, 1, 0.971]
},
{
"name": "antiquewhite",
"hexValue": "#faebd7",
"rgbValues": [250, 235, 215],
"hslValues": [34.286, 0.778, 0.912]
},
{
"name": "linen",
"hexValue": "#faf0e6",
"rgbValues": [250, 240, 230],
"hslValues": [30, 0.667, 0.941]
},
{
"name": "lavenderblush",
"hexValue": "#fff0f5",
"rgbValues": [255, 240, 245],
"hslValues": [340, 1, 0.971]
},
{
"name": "mistyrose",
"hexValue": "#ffe4e1",
"rgbValues": [255, 228, 225],
"hslValues": [6, 1, 0.941]
},
{
"name": "gainsboro",
"hexValue": "#dcdcdc",
"rgbValues": [220, 220, 220],
"hslValues": [0, 0, 0.863]
},
{
"name": "lightgray",
"hexValue": "#d3d3d3",
"rgbValues": [211, 211, 211],
"hslValues": [0, 0, 0.827]
},
{
"name": "silver",
"hexValue": "#c0c0c0",
"rgbValues": [192, 192, 192],
"hslValues": [0, 0, 0.753]
},
{
"name": "darkgray",
"hexValue": "#a9a9a9",
"rgbValues": [169, 169, 169],
"hslValues": [0, 0, 0.663]
},
{
"name": "gray",
"hexValue": "#808080",
"rgbValues": [128, 128, 128],
"hslValues": [0, 0, 0.502]
},
{
"name": "dimgray",
"hexValue": "#696969",
"rgbValues": [105, 105, 105],
"hslValues": [0, 0, 0.412]
},
{
"name": "lightslategray",
"hexValue": "#778899",
"rgbValues": [119, 136, 153],
"hslValues": [210, 0.143, 0.533]
},
{
"name": "slategray",
"hexValue": "#708090",
"rgbValues": [112, 128, 144],
"hslValues": [210, 0.126, 0.502]
},
{
"name": "darkslategray",
"hexValue": "#2f4f4f",
"rgbValues": [47, 79, 79],
"hslValues": [180, 0.254, 0.247]
},
{
"name": "black",
"hexValue": "#000000",
"rgbValues": [0, 0, 0],
"hslValues": [0, 0, 0]
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment