workings/macbeth-sRGB.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67 45" width="670" height="450">
<desc>Show a MacBeth color checker.
Rectangular patches are sRGB, converted from averaged measured Lab values.
Note: the cyan patch has has the LCH Chroma reduced,
to bring it inside the sRGB gamut.
See file Macbeth.txt in the CSS Color 5 workings directory for details.
</desc>
<style>
.dark_skin rect { fill: rgb(45.8702% 32.0071% 26.3813%)}
.light_skin rect { fill: rgb(78.0170% 58.1957% 50.7737%)}
.blue_sky rect { fill: rgb(35.8614% 48.0665% 61.6556%)}
.foliage rect { fill: rgb(34.9582% 42.3446% 25.4209%)}
.blue_flower rect { fill: rgb(51.2952% 50.4131% 68.9186%)}
.bluish_green rect { fill: rgb(36.8792% 74.3685% 67.4749%)}
.orange rect { fill: rgb(87.3729% 48.7430% 17.2037%)}
.purplish_blue rect { fill: rgb(27.0560% 36.0687% 65.7971%)}
.moderate_red rect { fill: rgb(78.2366% 32.9961% 38.2061%)}
.purple rect { fill: rgb(36.0261% 23.3161% 40.6449%)}
.yellow_green rect { fill: rgb(62.3751% 74.0184% 24.7942%)}
.orange_yellow rect { fill: rgb(90.4681% 63.3661% 15.2514%)}
.blue rect { fill: rgb(15.4346% 24.3828% 57.7067%)}
.green rect { fill: rgb(26.3893% 58.1384% 28.6863%)}
.red rect { fill: rgb(71.3817% 18.0672% 22.0930%)}
.yellow rect { fill: rgb(94.0483% 78.3571% 08.8101%)}
.magenta rect { fill: rgb(75.57340% 32.8857% 58.4776%)}
.desat_cyan rect { fill: rgb(00.0904% 52.0570% 62.8808%)}
.white_95 rect { fill: rgb(96.1749% 95.9684% 94.2031%)}
.neutral_8 rect { fill: rgb(78.4876% 79.0090% 78.7352%)}
.neutral_65 rect { fill: rgb(62.8550% 63.2928% 63.2408%)}
.neutral_5 rect { fill: rgb(46.9112% 47.6060% 47.6211%)}
.neutral_35 rect { fill: rgb(32.4963% 33.0535% 33.2257%)}
.black_2 rect { fill: rgb(19.4628% 19.5396% 19.7948%)}

</style>
<rect width="100%" height="100%" fill="#222"/>
<g id="macbeth">
<g class="row1">
<g class="dark_skin">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="light_skin" transform="translate(11,0)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="blue_sky" transform="translate(22,0)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="foliage" transform="translate(33,0)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="blue_flower" transform="translate(44,0)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="bluish_green" transform="translate(55,0)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
</g>
<g class="row2">
<g class="orange" transform="translate(0,11)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="purplish_blue" transform="translate(11,11)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="moderate_red" transform="translate(22,11)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="purple" transform="translate(33,11)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="yellow_green" transform="translate(44,11)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="orange_yellow" transform="translate(55,11)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
</g>
<g class="row3">
<g class="blue" transform="translate(0,22)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="green" transform="translate(11,22)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="red" transform="translate(22,22)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="yellow" transform="translate(33,22)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="magenta" transform="translate(44,22)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="desat_cyan" transform="translate(55,22)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
</g>
<g class="row4">
<g class="white_95" transform="translate(0,33)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="neutral_8" transform="translate(11,33)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="neutral_65" transform="translate(22,33)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="neutral_5" transform="translate(33,33)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="neutral_35" transform="translate(44,33)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
<g class="black_2" transform="translate(55,33)">
    <rect x="1" y="1" width="10" height="10"/>
</g>
</g>
</g>
</svg>