Skip to content

Instantly share code, notes, and snippets.

@hdngr

hdngr/colors.json

Forked from sleamer/colors.json
Last active May 16, 2023 03:55
Show Gist options
  • Save hdngr/bb548a2b55e8a53f06ec to your computer and use it in GitHub Desktop.
Save hdngr/bb548a2b55e8a53f06ec to your computer and use it in GitHub Desktop.
Download ZIP
Raw
colors.json
[
{
"name": "Yellow",
"munsell_hue": "Y",
"hex": "#FFFF00",
"children": [
{
"name": "Cadmium Yellow Light",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "7.63",
"value": "8.81",
"chroma": "12.94",
"temp": "",
"opacity": "o",
"pigment": "PY 35",
"paint_chip": "",
"pantone": "",
"hex": "#fbe717",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Yellow Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8.5",
"value": "8.75",
"chroma": "16",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#fee800",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Yellow Light Hue",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.85",
"value": "8.73",
"chroma": "11.9",
"temp": "",
"opacity": "o",
"pigment": "PY 184",
"paint_chip": "",
"pantone": "",
"hex": "#fbe717",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Yellow Medium",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3",
"value": "8",
"chroma": "16.1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#fec000",
"rgb": "(254, 192, 0)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Yellow Medium",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "2.39",
"value": "8.27",
"chroma": "14.21",
"temp": "",
"opacity": "o",
"pigment": "PY 35",
"paint_chip": "",
"pantone": "",
"hex": "#fbc000",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Yellow Medium Hue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "1.5",
"value": "8",
"chroma": "13.7",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#fbc000",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Yellow Primrose",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "9",
"chroma": "16",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#f1ec00",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Green Gold",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "7.93",
"value": "3.87",
"chroma": "3.26",
"temp": "",
"opacity": "tl",
"pigment": "PY 129",
"paint_chip": "",
"pantone": "",
"hex": "#696133",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Hansa Yellow Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "8.25",
"chroma": "13.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#d4cf00",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Hansa Yellow Medium",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2",
"value": "7.75",
"chroma": "16.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#fec000",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Hansa Yellow Opaque",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5",
"value": "8",
"chroma": "16",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#edc600",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "N5 Neutral Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8.3",
"value": "5.1",
"chroma": "0",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#887668",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "N6 Neutral Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8.3",
"value": "6.1",
"chroma": "0.1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#989479",
"rgb": "(152, 148, 121)",
"htmlname": "",
"children": []
},
{
"name": "N7 Neutral Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5.3",
"value": "7",
"chroma": "0.1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#b5ad92",
"rgb": "(181, 173, 146)",
"htmlname": "",
"children": []
},
{
"name": "N8 Neutral Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "6.2",
"value": "7.9",
"chroma": "0.1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#d0c9ab",
"rgb": "(208, 201, 171)",
"htmlname": "",
"children": []
},
{
"name": "Nickel Azo Yellow",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3.5",
"value": "4.75",
"chroma": "9",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#987415",
"rgb": "(152, 116, 21)",
"htmlname": "",
"children": []
},
{
"name": "Primary Yellow",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "4.6",
"value": "8.6",
"chroma": "13",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#ffe300",
"rgb": "(255, 227, 0)",
"htmlname": "",
"children": []
},
{
"name": "Raw Umber",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3",
"value": "2.5",
"chroma": "1.3",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#524837",
"rgb": "(82, 72, 55)",
"htmlname": "",
"children": []
},
{
"name": "Titan-Buff",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "4.5",
"value": "8.25",
"chroma": "2.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#d0c9ab",
"rgb": "(208, 201, 171)",
"htmlname": "",
"children": []
},
{
"name": "Titanate Yellow",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "8.5",
"chroma": "8.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#edea6c",
"rgb": "(237, 234, 108)",
"htmlname": "",
"children": []
},
{
"name": "Yellow Medium Azo",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.55",
"value": "7.98",
"chroma": "11.69",
"temp": "",
"opacity": "tp",
"pigment": "PY 74 LF",
"paint_chip": "",
"pantone": "",
"hex": "#decb00",
"rgb": "(222, 203, 0)",
"htmlname": "",
"children": []
},
{
"name": "Yellow Oxide",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "1.5",
"value": "6",
"chroma": "8.4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#b48e30",
"rgb": "(180, 142, 48)",
"htmlname": "",
"children": []
},
{
"name": "Yellow Oxide",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "0.39",
"value": "6.18",
"chroma": "7.5",
"temp": "",
"opacity": "o",
"pigment": "PY 42",
"paint_chip": "",
"pantone": "",
"hex": "#d0a949",
"rgb": "(208, 169, 73)",
"htmlname": "",
"children": []
}
]
},
{
"name": "GreenYellow",
"munsell_hue": "GY",
"hex": "#80FF00",
"children": [
{
"name": "Chromium Oxide Green",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "4",
"chroma": "4.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#4a6849",
"rgb": "(74, 104, 73)",
"htmlname": "",
"children": []
},
{
"name": "Chromium Oxide Green",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.49",
"value": "4.19",
"chroma": "4.25",
"temp": "",
"opacity": "o",
"pigment": "PG 17",
"paint_chip": "",
"pantone": "",
"hex": "#4a6849",
"rgb": "(74, 104, 73)",
"htmlname": "",
"children": []
},
{
"name": "Green Gold",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2",
"value": "4.25",
"chroma": "7.3",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#5c6700",
"rgb": "(92, 103, 0)",
"htmlname": "",
"children": []
},
{
"name": "Jenkins Green",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8",
"value": "1.5",
"chroma": "2.4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#2f362c",
"rgb": "(47, 54, 44)",
"htmlname": "",
"children": []
},
{
"name": "Light Green (Blue Shade)",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "6.2",
"chroma": "12",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#35a937",
"rgb": "(53, 169, 55)",
"htmlname": "",
"children": []
},
{
"name": "Light Green (Yellow Shade)",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8",
"value": "7.2",
"chroma": "11.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#75c12a",
"rgb": "(117, 193, 42)",
"htmlname": "",
"children": []
},
{
"name": "Yellow Light Hansa",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "0.48",
"value": "8.6",
"chroma": "10.97",
"temp": "",
"opacity": "tp ",
"pigment": "PY 3",
"paint_chip": "",
"pantone": "",
"hex": "#e0ee50",
"rgb": "(224, 238, 80)",
"htmlname": "",
"children": []
}
]
},
{
"name": "Green",
"munsell_hue": "G",
"hex": "#00FF00",
"children": [
{
"name": "Cobalt Green",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "3",
"chroma": "5.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#005446",
"rgb": "(0, 84, 70)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Titanate Green",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "1.5",
"value": "5.75",
"chroma": "8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#49a56c",
"rgb": "(73, 165, 108)",
"htmlname": "",
"children": []
},
{
"name": "Permanent Green Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "4",
"value": "3.75",
"chroma": "12",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#007646",
"rgb": "(0, 118, 70)",
"htmlname": "",
"children": []
},
{
"name": "Phthalo Green YS",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5",
"value": "1.75",
"chroma": "5.4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#003d2a",
"rgb": "(0, 61, 42)",
"htmlname": "",
"children": []
}
]
},
{
"name": "BlueGreen",
"munsell_hue": "BG",
"hex": "#00FFFF",
"children": [
{
"name": "Cobalt Green",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "4.93",
"value": "3.72",
"chroma": "4.56",
"temp": "",
"opacity": "o",
"pigment": "PG 50",
"paint_chip": "",
"pantone": "",
"hex": "#356966",
"rgb": "(53, 105, 102)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Teal",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "5.5",
"chroma": "8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#00a4af",
"rgb": "(0, 164, 175)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Teal",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "8.31",
"value": "5.89",
"chroma": "9.16",
"temp": "",
"opacity": "o",
"pigment": "PG 50",
"paint_chip": "",
"pantone": "",
"hex": "#00a8aa",
"rgb": "(0, 168, 170)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Turquois",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "3.75",
"chroma": "7.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#006f7e",
"rgb": "(0, 111, 126)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Turquoise",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "8.26",
"value": "4.16",
"chroma": "5.79",
"temp": "",
"opacity": "o",
"pigment": "PB 36",
"paint_chip": "",
"pantone": "",
"hex": "#006d70",
"rgb": "(0, 109, 112)",
"htmlname": "",
"children": []
},
{
"name": "Light Turquois (Phthalo)",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "1",
"value": "5",
"chroma": "10.4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#008e7b",
"rgb": "(0, 142, 123)",
"htmlname": "",
"children": []
},
{
"name": "Phthalo Green BS",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5",
"value": "1.25",
"chroma": "5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#002a2d",
"rgb": "(0, 42, 45)",
"htmlname": "",
"children": []
},
{
"name": "Phthalocyanine Green (Blue Shade)",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.88",
"value": "2.57",
"chroma": "2.23",
"temp": "",
"opacity": "tp",
"pigment": "PG 7",
"paint_chip": "",
"pantone": "",
"hex": "#384d50",
"rgb": "(56, 77, 80)",
"htmlname": "",
"children": []
},
{
"name": "Phthalocyanine Green (Yellow Shade)",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "0.43",
"value": "2.74",
"chroma": "3.36",
"temp": "",
"opacity": "tp",
"pigment": "PG 36",
"paint_chip": "",
"pantone": "",
"hex": "#1f514b",
"rgb": "(31, 81, 75)",
"htmlname": "",
"children": []
},
{
"name": "Transparent Viridian Hue",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.78",
"value": "2.72",
"chroma": "2.72",
"temp": "",
"opacity": "tl",
"pigment": "PG 7",
"paint_chip": "",
"pantone": "",
"hex": "#384d4e",
"rgb": "(56, 77, 78)",
"htmlname": "",
"children": []
},
{
"name": "Turquois (Phthalo)",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5",
"value": "1.25",
"chroma": "2.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#142425",
"rgb": "(20, 36, 37)",
"htmlname": "",
"children": []
}
]
},
{
"name": "Blue",
"munsell_hue": "B",
"hex": "#0000FF",
"children": [
{
"name": "N4 Neutral Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8.2",
"value": "4.2",
"chroma": "0",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#52636c",
"rgb": "(82, 99, 108)",
"htmlname": "",
"children": []
}
]
},
{
"name": "PurpleBlue",
"munsell_hue": "PB",
"hex": "#8000FF",
"children": [
{
"name": "Anthraquinone Blue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "7.5",
"value": "1.25",
"chroma": "3.3",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#1f1f38",
"rgb": "(31, 31, 56)",
"htmlname": "",
"children": []
},
{
"name": "Cerulean Blue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "1",
"value": "4",
"chroma": "7.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#2a6596",
"rgb": "(42, 101, 150)",
"htmlname": "",
"children": []
},
{
"name": "Cerulean Blue",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "3.29",
"value": "3.96",
"chroma": "9.25",
"temp": "",
"opacity": "o",
"pigment": "PB 36",
"paint_chip": "",
"pantone": "",
"hex": "#0065a2",
"rgb": "(0, 101, 162)",
"htmlname": "",
"children": []
},
{
"name": "Cerulean Blue Deep",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "1.2",
"value": "3",
"chroma": "7.9",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#004d7e",
"rgb": "(0, 77, 126)",
"htmlname": "",
"children": []
},
{
"name": "Phthalocyanine Blue (Red Shade)",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.03",
"value": "2.27",
"chroma": "4.09",
"temp": "",
"opacity": "",
"pigment": "tp PB15:6",
"paint_chip": "",
"pantone": "",
"hex": "#37304b",
"rgb": "(55, 48, 75)",
"htmlname": "",
"children": []
},
{
"name": "Ultramarine Blue (Red Shade)",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.4",
"value": "2",
"chroma": "8",
"temp": "",
"opacity": "o",
"pigment": "PB 29",
"paint_chip": "",
"pantone": "",
"hex": "#3b2b60",
"rgb": "(59, 43, 96)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Blue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "6",
"value": "3",
"chroma": "11",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#004998",
"rgb": "(0, 73, 152)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Blue",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.94",
"value": "3.33",
"chroma": "11.43",
"temp": "",
"opacity": "o",
"pigment": "PB 28",
"paint_chip": "",
"pantone": "",
"hex": "#3a4095",
"rgb": "(58, 64, 149)",
"htmlname": "",
"children": []
},
{
"name": "Cobalt Blue Hue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "4",
"value": "3.2",
"chroma": "8.3",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#224a7e",
"rgb": "(34, 74, 126)",
"htmlname": "",
"children": []
},
{
"name": "Ivory Black",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "1.58",
"value": "2.28",
"chroma": "0.09",
"temp": "",
"opacity": "o",
"pigment": "PBk 9",
"paint_chip": "",
"pantone": "",
"hex": "#2c3540",
"rgb": "(44, 53, 64)",
"htmlname": "",
"children": []
},
{
"name": "Light Ultramarine Blue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3",
"value": "6.3",
"chroma": "7.9",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#6398ca",
"rgb": "(99, 152, 202)",
"htmlname": "",
"children": []
},
{
"name": "Light Violet",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "4.9",
"chroma": "7.7",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#7b72ad",
"rgb": "(123, 114, 173)",
"htmlname": "",
"children": []
},
{
"name": "N2 Neutral Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "4.6",
"value": "2.8",
"chroma": "0.1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#434a58",
"rgb": "(67, 74, 88)",
"htmlname": "",
"children": []
},
{
"name": "Paynes Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "4",
"value": "1.75",
"chroma": "0.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#2f3441",
"rgb": "(47, 52, 65)",
"htmlname": "",
"children": []
},
{
"name": "Phthalo Blue GS",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "7",
"value": "1.25",
"chroma": "6.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#1e1d43",
"rgb": "(30, 29, 67)",
"htmlname": "",
"children": []
},
{
"name": "Phthalo Blue RS",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "7.5",
"value": "1.25",
"chroma": "6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#1e1d43",
"rgb": "(30, 29, 67)",
"htmlname": "",
"children": []
},
{
"name": "Primary Cyan",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5.4",
"value": "3.2",
"chroma": "8.4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#224a7e",
"rgb": "(34, 74, 126)",
"htmlname": "",
"children": []
},
{
"name": "Transparent Mixing White",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "2.52",
"value": "9",
"chroma": "0.71",
"temp": "",
"opacity": "tp",
"pigment": "PW 4",
"paint_chip": "",
"pantone": "",
"hex": "#dce6ef",
"rgb": "(220, 230, 239)",
"htmlname": "",
"children": []
},
{
"name": "Ultramarine Blue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8",
"value": "2",
"chroma": "4.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#30324d",
"rgb": "(48, 50, 77)",
"htmlname": "",
"children": []
},
{
"name": "Ultramarine Blue (Green Shade)",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.32",
"value": "2.28",
"chroma": "7.29",
"temp": "",
"opacity": "tl",
"pigment": "PB 29",
"paint_chip": "",
"pantone": "",
"hex": "#3b2b60",
"rgb": "(59, 43, 96)",
"htmlname": "",
"children": []
}
]
},
{
"name": "Purple",
"munsell_hue": "P",
"hex": "#FF00FF",
"children": [
{
"name": "Dioxazine Purple",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2.5",
"value": "1",
"chroma": "0.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#261f2e",
"rgb": "(38, 31, 46)",
"htmlname": "",
"children": []
},
{
"name": "Indanthrene Blue",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.44",
"value": "2.37",
"chroma": "1.55",
"temp": "",
"opacity": "tp",
"pigment": "PB 60",
"paint_chip": "",
"pantone": "",
"hex": "#3c303e",
"rgb": "(60, 48, 62)",
"htmlname": "",
"children": []
},
{
"name": "Medium Violet",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2.5",
"value": "2.7",
"chroma": "7.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#593d75",
"rgb": "(89, 61, 117)",
"htmlname": "",
"children": []
},
{
"name": "N3 Neutral Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "6.3",
"value": "3.5",
"chroma": "0",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#6a5d6a",
"rgb": "(106, 93, 106)",
"htmlname": "",
"children": []
},
{
"name": "Phthalocyanine Blue (Green Shade)",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "0.14",
"value": "2.37",
"chroma": "4.6",
"temp": "",
"opacity": "tp",
"pigment": "PB 15",
"paint_chip": "",
"pantone": "",
"hex": "#3c2f49",
"rgb": "(60, 47, 73)",
"htmlname": "",
"children": []
},
{
"name": "Ultramarine Violet",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2.5",
"value": "2.5",
"chroma": "2",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#4e4657",
"rgb": "(78, 70, 87)",
"htmlname": "",
"children": []
}
]
},
{
"name": "RedPurple",
"munsell_hue": "RP",
"hex": "#FF0080",
"children": [
{
"name": "Light Magenta",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "7",
"chroma": "8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#ee94a8",
"rgb": "(238, 148, 168)",
"htmlname": "",
"children": []
},
{
"name": "Mars Black",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "4.79",
"value": "2.44",
"chroma": "0.04",
"temp": "",
"opacity": "o",
"pigment": "PBk 11",
"paint_chip": "",
"pantone": "",
"hex": "#86757b",
"rgb": "(134, 117, 123)",
"htmlname": "",
"children": []
},
{
"name": "Medium Magenta",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3",
"value": "4.8",
"chroma": "11.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#bb5695",
"rgb": "(187, 86, 149)",
"htmlname": "",
"children": []
},
{
"name": "Permanent Violet Dark",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3",
"value": "1.5",
"chroma": "3",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#472b3f",
"rgb": "(71, 43, 63)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Blue Violet",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "8.66",
"value": "2.47",
"chroma": "1.71",
"temp": "",
"opacity": "tp",
"pigment": "PV 19",
"paint_chip": "",
"pantone": "",
"hex": "#422f36",
"rgb": "(66, 47, 54)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Magenta",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "2.5",
"chroma": "10",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#8b1645",
"rgb": "(139, 22, 69)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Magenta",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.25",
"value": "3.02",
"chroma": "5.82",
"temp": "",
"opacity": "tp",
"pigment": "PR 122",
"paint_chip": "",
"pantone": "",
"hex": "#743246",
"rgb": "(116, 50, 70)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Violet",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "2.5",
"chroma": "8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#802746",
"rgb": "(128, 39, 70)",
"htmlname": "",
"children": []
}
]
},
{
"name": "Red",
"munsell_hue": "R",
"hex": "#FF0000",
"children": [
{
"name": "Cadmium Red Dark",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "6",
"value": "4",
"chroma": "14",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#ba2636",
"rgb": "(186, 38, 54)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Red Light",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "7.67",
"value": "4.96",
"chroma": "14.11",
"temp": "",
"opacity": "o",
"pigment": "PR 108",
"paint_chip": "",
"pantone": "",
"hex": "#d84938",
"rgb": "(216, 73, 56)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Red Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "5.25",
"chroma": "15.9",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#da4900",
"rgb": "(218, 73, 0)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Red Medium",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.28",
"value": "4.48",
"chroma": "13.82",
"temp": "",
"opacity": "o",
"pigment": "PR 108",
"paint_chip": "",
"pantone": "",
"hex": "#b82b25",
"rgb": "(184, 43, 37)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Red Medium",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "7",
"value": "4.25",
"chroma": "16",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#c1161c",
"rgb": "(193, 22, 28)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Red Medium Hue",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "3.7",
"chroma": "13.4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#b33400",
"rgb": "(179, 52, 0)",
"htmlname": "",
"children": []
},
{
"name": "Dioxazine Purple",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.44",
"value": "2.42",
"chroma": "0.49",
"temp": "",
"opacity": "tp",
"pigment": "PV 23 RS",
"paint_chip": "",
"pantone": "",
"hex": "#43302d",
"rgb": "(67, 48, 45)",
"htmlname": "",
"children": []
},
{
"name": "Naphthol Crimson",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "5.64",
"value": "3.85",
"chroma": "11.72",
"temp": "",
"opacity": "tp",
"pigment": "PR 170 F5RK",
"paint_chip": "",
"pantone": "",
"hex": "#af363c",
"rgb": "(175, 54, 60)",
"htmlname": "",
"children": []
},
{
"name": "Naphthol Red Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "7",
"value": "4.25",
"chroma": "17",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#c1161c",
"rgb": "(193, 22, 28)",
"htmlname": "",
"children": []
},
{
"name": "Naphthol Red Light",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "7.36",
"value": "4.56",
"chroma": "13.56",
"temp": "",
"opacity": "tp",
"pigment": "PR 9",
"paint_chip": "",
"pantone": "",
"hex": "#d84938",
"rgb": "(216, 73, 56)",
"htmlname": "",
"children": []
},
{
"name": "Naphthol Red Medium",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5.1",
"value": "3.6",
"chroma": "9.9",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#a44042",
"rgb": "(164, 64, 66)",
"htmlname": "",
"children": []
},
{
"name": "Primary Magenta",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "4.6",
"value": "4.1",
"chroma": "11.4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#af363c",
"rgb": "(175, 54, 60)",
"htmlname": "",
"children": []
},
{
"name": "Pyrrole Crimson",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "3.53",
"value": "3.04",
"chroma": "7.36",
"temp": "",
"opacity": "o",
"pigment": "PR 264",
"paint_chip": "",
"pantone": "",
"hex": "#7f2e3c",
"rgb": "(127, 46, 60)",
"htmlname": "",
"children": []
},
{
"name": "Pyrrole Orange",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "5",
"chroma": "18",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#da4900",
"rgb": "(218, 73, 0)",
"htmlname": "",
"children": []
},
{
"name": "Pyrrole Orange",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.06",
"value": "5.41",
"chroma": "14.62",
"temp": "",
"opacity": "tl",
"pigment": "PO 73",
"paint_chip": "",
"pantone": "",
"hex": "#d35019",
"rgb": "(211, 80, 25)",
"htmlname": "",
"children": []
},
{
"name": "Pyrrole Red",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "6.5",
"value": "4.25",
"chroma": "17",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#c1161c",
"rgb": "(193, 22, 28)",
"htmlname": "",
"children": []
},
{
"name": "Pyrrole Red",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.16",
"value": "4.23",
"chroma": "13.86",
"temp": "",
"opacity": "o",
"pigment": "PR 254",
"paint_chip": "",
"pantone": "",
"hex": "#ba2636",
"rgb": "(186, 38, 54)",
"htmlname": "",
"children": []
},
{
"name": "Pyrrole Red Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8",
"value": "4.25",
"chroma": "17",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#c1161c",
"rgb": "(193, 22, 28)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Burnt Orange",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "2",
"chroma": "6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#581e1c",
"rgb": "(88, 30, 28)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Burnt Orange",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "5.93",
"value": "2.91",
"chroma": "2.48",
"temp": "",
"opacity": "tl",
"pigment": "PR 206",
"paint_chip": "",
"pantone": "",
"hex": "#5b4443",
"rgb": "(91, 68, 67)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Crimson",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2.5",
"value": "2",
"chroma": "6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#562331",
"rgb": "(86, 35, 49)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Crimson",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "3.98",
"value": "3.58",
"chroma": "9.28",
"temp": "",
"opacity": "tp",
"pigment": "PV 19",
"paint_chip": "",
"pantone": "",
"hex": "#a44042",
"rgb": "(164, 64, 66)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Red",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2.5",
"value": "3.25",
"chroma": "12",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#940038",
"rgb": "(148, 0, 56)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Red",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "5.43",
"value": "4.11",
"chroma": "10.77",
"temp": "",
"opacity": "tp",
"pigment": "PR 209",
"paint_chip": "",
"pantone": "",
"hex": "#a44042",
"rgb": "(164, 64, 66)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Red Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "6",
"value": "4",
"chroma": "10.9",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#a44042",
"rgb": "(164, 64, 66)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Red-Orange",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "5.48",
"value": "3.18",
"chroma": "6.88",
"temp": "",
"opacity": "tp",
"pigment": "Quinacridone/Pyrrolopyrrol",
"paint_chip": "",
"pantone": "",
"hex": "#733738",
"rgb": "(115, 55, 56)",
"htmlname": "",
"children": []
},
{
"name": "Red Oxide",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "3",
"chroma": "7.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#7d3223",
"rgb": "(125, 50, 35)",
"htmlname": "",
"children": []
},
{
"name": "Red Oxide",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.01",
"value": "4",
"chroma": "7.47",
"temp": "",
"opacity": "o",
"pigment": "PR 101",
"paint_chip": "",
"pantone": "",
"hex": "#984b35",
"rgb": "(152, 75, 53)",
"htmlname": "",
"children": []
},
{
"name": "Transparent Burnt Sienna",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "7.33",
"value": "3.12",
"chroma": "2.75",
"temp": "",
"opacity": "tp",
"pigment": "PR 101",
"paint_chip": "",
"pantone": "",
"hex": "#5b4441",
"rgb": "(91, 68, 65)",
"htmlname": "",
"children": []
},
{
"name": "Transparent Pyrrole Orange",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "7.4",
"value": "4.6",
"chroma": "13.1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#d84938",
"rgb": "(216, 73, 56)",
"htmlname": "",
"children": []
},
{
"name": "Vat Orange",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "10",
"value": "5.25",
"chroma": "15.3",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#da4900",
"rgb": "(218, 73, 0)",
"htmlname": "",
"children": []
}
]
},
{
"name": "Orange",
"munsell_hue": "YR",
"hex": "#FF8000",
"children": [
{
"name": "Burnt Sienna",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3",
"value": "3.25",
"chroma": "4",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#664032",
"rgb": "(102, 64, 50)",
"htmlname": "",
"children": []
},
{
"name": "Burnt Sienna",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "0.2",
"value": "3.43",
"chroma": "4.16",
"temp": "",
"opacity": "O",
"pigment": "PBr 7",
"paint_chip": "",
"pantone": "",
"hex": "#664032",
"rgb": "(102, 64, 50)",
"htmlname": "",
"children": []
},
{
"name": "Burnt Umber",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "2.5",
"chroma": "1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#554738",
"rgb": "(85, 71, 56)",
"htmlname": "",
"children": []
},
{
"name": "Burnt Umber",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "4.22",
"value": "2.63",
"chroma": "0.92",
"temp": "",
"opacity": "o",
"pigment": "PBr 7",
"paint_chip": "",
"pantone": "",
"hex": "#59453b",
"rgb": "(89, 69, 59)",
"htmlname": "",
"children": []
},
{
"name": "Burnt Umber Light",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8",
"value": "3",
"chroma": "1.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#57463a",
"rgb": "(87, 70, 58)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Orange",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "3.06",
"value": "6.86",
"chroma": "14.99",
"temp": "",
"opacity": "o",
"pigment": "PO 20",
"paint_chip": "",
"pantone": "",
"hex": "#ff8b2f",
"rgb": "(255, 139, 47)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Orange",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "2",
"value": "6.25",
"chroma": "17.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#ef6f00",
"rgb": "(239, 111, 0)",
"htmlname": "",
"children": []
},
{
"name": "Cadmium Yellow Dark",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "7.75",
"chroma": "16.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#ffb900",
"rgb": "(255, 185, 0)",
"htmlname": "",
"children": []
},
{
"name": "Diarylide Yellow",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8",
"value": "7",
"chroma": "15.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#f89900",
"rgb": "(248, 153, 0)",
"htmlname": "",
"children": []
},
{
"name": "Indian Yellow",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "8.24",
"value": "6.34",
"chroma": "11.21",
"temp": "",
"opacity": "tl",
"pigment": "PY 139",
"paint_chip": "",
"pantone": "",
"hex": "#d08200",
"rgb": "(208, 130, 0)",
"htmlname": "",
"children": []
},
{
"name": "Mars Yellow",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "3.5",
"value": "4.5",
"chroma": "7.7",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#944e2a",
"rgb": "(148, 78, 42)",
"htmlname": "",
"children": []
},
{
"name": "Orange Oxide",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "5.25",
"chroma": "7.7",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#a07120",
"rgb": "(160, 113, 32)",
"htmlname": "",
"children": []
},
{
"name": "Quinacridone Gold",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "6",
"value": "2.5",
"chroma": "5.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#6c3e1e",
"rgb": "(108, 62, 30)",
"htmlname": "",
"children": []
},
{
"name": "Raw Sienna",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9",
"value": "4.5",
"chroma": "6.6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#9a7339",
"rgb": "(154, 115, 57)",
"htmlname": "",
"children": []
},
{
"name": "Raw Sienna",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "4.98",
"value": "4.48",
"chroma": "5.44",
"temp": "",
"opacity": "o",
"pigment": "PBr 7",
"paint_chip": "",
"pantone": "",
"hex": "#875532",
"rgb": "(135, 85, 50)",
"htmlname": "",
"children": []
},
{
"name": "Raw Umber",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "9.38",
"value": "2.91",
"chroma": "1.11",
"temp": "",
"opacity": "o",
"pigment": "PBr 7",
"paint_chip": "",
"pantone": "",
"hex": "#554738",
"rgb": "(85, 71, 56)",
"htmlname": "",
"children": []
},
{
"name": "Transparent Raw Sienna",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "6.7",
"value": "4.68",
"chroma": "5.49",
"temp": "",
"opacity": "tp",
"pigment": "PY 42",
"paint_chip": "",
"pantone": "",
"hex": "#9f7041",
"rgb": "(159, 112, 65)",
"htmlname": "",
"children": []
},
{
"name": "Transparent Red Iron Oxide",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "5",
"value": "2.5",
"chroma": "6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#6c3e1e",
"rgb": "(108, 62, 30)",
"htmlname": "",
"children": []
},
{
"name": "Transparent Yellow Iron Oxide",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "8",
"value": "4.5",
"chroma": "6",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#9f7041",
"rgb": "(159, 112, 65)",
"htmlname": "",
"children": []
},
{
"name": "Van Dyke Red",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "1.97",
"value": "2.69",
"chroma": "1.38",
"temp": "",
"opacity": "tl",
"pigment": "PBr 25",
"paint_chip": "",
"pantone": "",
"hex": "#5a453d",
"rgb": "(90, 69, 61)",
"htmlname": "",
"children": []
},
{
"name": "Violet Oxide",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "0.5",
"value": "2.75",
"chroma": "5.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#703b25",
"rgb": "(112, 59, 37)",
"htmlname": "",
"children": []
},
{
"name": "Yellow Ochre",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "9.5",
"value": "5",
"chroma": "8.8",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#a07120",
"rgb": "(160, 113, 32)",
"htmlname": "",
"children": []
},
{
"name": "Yellow Orange Azo",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "8.58",
"value": "7.12",
"chroma": "13.04",
"temp": "",
"opacity": "tp",
"pigment": "PY 83 HR 70",
"paint_chip": "",
"pantone": "",
"hex": "#f49a00",
"rgb": "(244, 154, 0)",
"htmlname": "",
"children": []
}
]
},
{
"name": "White",
"munsell_hue": "White",
"hex": "#FFFFFF",
"children": [
{
"name": "Titanium White",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "White",
"value": "10",
"chroma": "1.1",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#ffffff",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Titanium White 1",
"company": "Liquitex",
"media": "Acrylic",
"hue_bias": "White",
"value": "10",
"chroma": "1.1",
"temp": "",
"opacity": "o",
"pigment": "PW 6",
"paint_chip": "",
"pantone": "",
"hex": "#ffffff",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Zinc White",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "White",
"value": "10",
"chroma": "1.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "#ffffff",
"rgb": "",
"htmlname": "",
"children": []
}
]
},
{
"name": "Black",
"munsell_hue": "Black",
"hex": "#8C8C8C",
"children": [
{
"name": "Bone Black",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "Black",
"value": "1",
"chroma": "0.5",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Carbon Black",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "Black",
"value": "1",
"chroma": "0.3",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "",
"rgb": "",
"htmlname": "",
"children": []
},
{
"name": "Graphite Gray",
"company": "Golden",
"media": "Acrylic",
"hue_bias": "Black",
"value": "3",
"chroma": "0.7",
"temp": "",
"opacity": "",
"pigment": "",
"paint_chip": "",
"pantone": "",
"hex": "",
"rgb": "",
"htmlname": "",
"children": []
}
]
}
]
Raw
colorstyle.css
body {
background-color: lightgrey;
}
path {
stroke: #000;
stroke-width: 1.5;
cursor: pointer;
}
text {
font: 11px sans-serif;
cursor: pointer;
}
body {
width: 880px;
margin: 0 auto;
}
h1 {
text-align: center;
margin: .5em 0;
}
p#intro {
text-align: center;
margin: 1em 0;
}
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Examining the relationships between colors, pigments, and brands.">
<title>Paint Color Wheel</title>
<link rel="stylesheet" type="text/css" href="colorstyle.css">
<script src="http://d3js.org/d3.v3.js" charset="utf-8"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js" charset="utf-8"></script>
</head>
<body>
<h1>Color Pigment Wheel</h1>
<div id="vis"><img src="images/chromium_oxide_gdA_t.jpg"></div>
<h2>Sunburst Trees</h2>
<p>This is an example of using <a href="http://github.com/mbostock/d3/wiki/Partition-Layout">d3.layout.partition</a> to generate a zoomable sunburst tree derived from hierarchical data. A <a href="http://www.cc.gatech.edu/gvu/ii/sunburst/">sunburst tree</a> is a radial space-filling visualisation, analagous to an icicle tree.
<h2>Colours</h2>
<p>The original colours appear to have been selected by the designer, as opposed to matching any standard colour name palettes. So I painstakingly copied the colours from the outermost (leaf) nodes of the tree to match the original.
<p>The inner node colours are calculated automatically by taking the average of the two child nodes in HSL colour space.
<h2>Labels</h2>
<p>The label colour of black or light grey is automatically chosen by calculating the <a href="http://www.w3.org/WAI/ER/WD-AERT/#color-contrast">colour brightness</a> of each node. If a label has more than one word, it is split into two lines and placed equidistant to the centre of the segment.
<h2>Credits</h2>
<p>The original coffee flavour wheel was created by the <a href="http://www.scaa.org/">Specialty Coffee Association of America</a> in poster form but it appears in various places on the Web. <a href="http://www.gourmet-coffee.com/how-to-cup-coffee.html">Rogers Gourmet Coffee &amp; Tea Market</a> seems to have the most information about its origin:
<blockquote>
…a flavor wheel created in 1997 by the Specialty Coffee Association of America, the Colombian Coffee Federation, and Jean Lenoir. It's part of the poster called, "The Coffee Tasters' Flavor Wheel" that you can buy on the SCAA website.
</blockquote>
<p>Built with <a href="http://d3js.org">D3.js</a>.
Sunburst zooming based on an <a href="http://bl.ocks.org/mbostock/4348373">example</a> by <a href="http://bost.ocks.org/mike">Mike Bostock</a>.
<p>Thanks to Bart Mesuere for suggesting a performance optimisation for Firefox.
<script>
var width = 840,
height = width,
radius = width / 2,
// Change to xScale and yScale
x = d3.scale.linear().range([0, 2 * Math.PI]),
y = d3.scale.pow().exponent(1.3).domain([0, 1]).range([0, radius]),
padding = 20, /*This changes the padding from the center ring*/
duration = 1000; /* the duration of the circle transitions 1000*/
var div = d3.select("#vis");
div.select("img").remove(); /*Take the default image out of the div after loading*/
var vis = div.append("svg")
.attr("width", width + padding * 2)
.attr("height", height + padding * 2)
.append("g")
.attr("transform", "translate(" + [radius + padding, radius + padding] + ")");
div.append("p")
.attr("id", "intro")
.text("Click to zoom!"); /*Might be able to hijack this to show the paint contents*/
var partition = d3.layout.partition()
.sort(null)
.value(function(d) {
return 5.8 - d.depth; });
var arc = d3.svg.arc()
.startAngle(function(d) {
return Math.max(0, Math.min(2 * Math.PI, x(d.x))); })
.endAngle(function(d) { return Math.max(0, Math.min(2 * Math.PI, x(d.x + d.dx))); })
.innerRadius(function(d) { return Math.max(0, d.y ? y(d.y) : d.y); })
.outerRadius(function(d) { return Math.max(0, y(d.y + d.dy)); });
d3.json("colors.json", function(error, json) {
var json = json.filter(function(d){
return traverse(d)
})
nodes = partition.nodes({children: json});
var path = vis.selectAll("path").data(nodes);
path.enter()/*.filter(function(d){
})*/
.append("path")
.attr("id", function(d, i) {
return "path-" + i; })
.attr("d", arc)
.attr("fill-rule", "evenodd")
.style("fill", colour)
// .each(function(d) {
// if (d.children.length == 0) {
// // if (d.name == "Chromium Oxide Green") {
// thisNode = d3.select(this);
// thisNode.on("click", clickFunction)
// // }
// }
// })
/* function(d) {
if (d.munsell_hue == "Y") {
return mY;
} else {
return d.hue_family;
};
}*/
/*Put a function here base on the corefunction(d) {
*//**/
/**/
.on("click", click);
var text = vis.selectAll("text").data(nodes);
var textEnter = text.enter().append("text")
.style("fill-opacity", 1)
.style("fill", function(d) {
return brightness(d3.rgb(colour(d))) < 125 ? "#eee" : "#000";
})
.attr("text-anchor", function(d) {
return x(d.x + d.dx / 2) > Math.PI ? "end" : "start";
})
.attr("dy", ".2em")
.attr("transform", function(d) {
var multiline = (d.name || "").split(" ").length > 1,
angle = x(d.x + d.dx / 2) * 180 / Math.PI - 90,
rotate = angle + (multiline ? -.5 : 0);
return "rotate(" + rotate + ")translate(" + (y(d.y) + padding) + ")rotate(" + (angle > 90 ? -180 : 0) + ")";
})
.on("click", click);
textEnter.append("tspan")
.attr("x", 0)
.text(function(d) { return d.depth ? d.name/*.split(" ")[0] */: ""; });
/* textEnter.append("tspan")
.attr("x", 0)
.attr("dy", "1em")
.text(function(d) { return d.depth ? d.name.split(" ")[1] || "" : ""; });*/
function click(d) {
path.transition()
.duration(duration)
.attrTween("d", arcTween(d));
// Somewhat of a hack as we rely on arcTween updating the scales.
text.style("visibility", function(e) {
return isParentOf(d, e) ? null : d3.select(this).style("visibility");
})
.transition()
.duration(duration)
.attrTween("text-anchor", function(d) {
return function() {
return x(d.x + d.dx / 2) > Math.PI ? "end" : "start";
};
})
.attrTween("transform", function(d) {
var multiline = (d.name || "").split(" ").length > 1;
return function() {
var angle = x(d.x + d.dx / 2) * 180 / Math.PI - 90,
rotate = angle + (multiline ? -.5 : 0);
return "rotate(" + rotate + ")translate(" + (y(d.y) + padding) + ")rotate(" + (angle > 90 ? -180 : 0) + ")";
};
})
.style("fill-opacity", function(e) { return isParentOf(d, e) ? 1 : 1e-6; })
.each("end", function(e) {
d3.select(this).style("visibility", isParentOf(d, e) ? null : "hidden");
});
}
});
function isParentOf(p, c) {
if (p === c) return true;
if (p.children) {
return p.children.some(function(d) {
return isParentOf(d, c);
});
}
return false;
}
function colour(d, i) {
/* if (d.children) {*/
return d.hex || "#000000";//*#fff*//*colour
// There is a maximum of two children!
/* var colours = d.children.map(colour),
a = d3.hsl(colours[0]),
b = d3.hsl(colours[1]);
// L*a*b* might be better here...
return d3.hsl((a.h + b.h) / 2, a.s * 1.2, a.l / 1.2);*/
/* }*/
}
// Interpolate the scales!
function arcTween(d) {
var my = maxY(d),
xd = d3.interpolate(x.domain(), [d.x, d.x + d.dx]),
yd = d3.interpolate(y.domain(), [d.y, my]),
yr = d3.interpolate(y.range(), [d.y ? 20 : 0, radius]);
return function(d) {
return function(t) { x.domain(xd(t)); y.domain(yd(t)).range(yr(t)); return arc(d); };
};
}
function maxY(d) {
return d.children ? Math.max.apply(Math, d.children.map(maxY)) : d.y + d.dy;
}
// http://www.w3.org/WAI/ER/WD-AERT/#color-contrast
function brightness(rgb) {
return rgb.r * .299 + rgb.g * .587 + rgb.b * .114;
}
function traverse(node) {
if (node.children) {
children = node.children.filter(function(child) {
if( (child.children) && (child.children.length > 0) ) {
traverse(child)
}
else {
if (child.company == "Golden") {
return child;}
}
});
results = node
node.children = children
return node
};
}
</script>
<script>
if (top != self) top.location.replace(location);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment