[css-color-4] gamut mapping example diagram

svgeesus · svgeesus · commit 1c030bfaf876 · 2021-12-07T17:20:29.000+02:00
diff --git a/css-color-4/images/slice-ok-110.23.svg b/css-color-4/images/slice-ok-110.23.svg
@@ -0,0 +1,231 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='-14 -108 158 115'>
+<g stroke='none'>
+
+</g>
+<polyline fill='none' stroke='#AAA' stroke-width='0.3' points='85.20000000000006, 0.5, 85.20000000000006, -100.5' />
+<polyline fill='none' stroke='#AAA' stroke-width='0.3' points='98.012, 0.5, 98.012, -100.5' />
+<polyline fill='none' stroke='maroon' stroke-width='0.7' stroke-linecap='round'
+points="98.012, -96.476 0 -96.476"/>
+<polyline fill='none' stroke='#5A5' stroke-width='0.7' stroke-linecap='round' points='0, 0
+
+5.200000000000002, -5
+5.600000000000002, -5.499999999999999
+6.000000000000003, -5.999999999999999
+6.800000000000003, -6.499999999999999
+7.200000000000004, -6.999999999999999
+7.600000000000004, -7.5
+8.000000000000004, -8
+8.800000000000004, -8.5
+9.200000000000005, -9.000000000000002
+9.600000000000005, -9.500000000000002
+10.000000000000005, -10.000000000000002
+10.800000000000006, -10.500000000000002
+11.200000000000006, -11.000000000000004
+11.600000000000007, -11.500000000000004
+12.000000000000007, -12.000000000000004
+12.800000000000008, -12.500000000000004
+13.200000000000008, -13.000000000000004
+13.600000000000009, -13.500000000000004
+14.000000000000009, -14.000000000000004
+14.40000000000001, -14.500000000000005
+15.20000000000001, -15.000000000000005
+15.60000000000001, -15.500000000000005
+16.00000000000001, -16.000000000000007
+16.400000000000013, -16.500000000000007
+16.80000000000001, -17.000000000000007
+17.200000000000014, -17.500000000000007
+18.000000000000014, -18.000000000000007
+18.400000000000013, -18.500000000000007
+18.800000000000015, -19.000000000000007
+19.200000000000014, -19.50000000000001
+19.600000000000016, -20.00000000000001
+20.000000000000014, -20.50000000000001
+20.400000000000016, -21.00000000000001
+20.800000000000015, -21.50000000000001
+21.200000000000017, -22.00000000000001
+21.600000000000016, -22.50000000000001
+22.000000000000018, -23.00000000000001
+22.400000000000016, -23.500000000000014
+23.200000000000017, -24.000000000000014
+23.60000000000002, -24.500000000000014
+24.000000000000018, -25.00000000000001
+24.40000000000002, -25.50000000000001
+24.80000000000002, -26.00000000000001
+25.200000000000017, -26.500000000000014
+25.600000000000016, -27.000000000000014
+26.000000000000018, -27.500000000000014
+26.400000000000016, -28.000000000000014
+26.80000000000002, -28.500000000000014
+27.200000000000017, -29.000000000000014
+27.60000000000002, -29.500000000000014
+28.000000000000018, -30.000000000000014
+28.40000000000002, -30.500000000000014
+28.80000000000002, -31.000000000000018
+29.60000000000002, -31.500000000000018
+30.00000000000002, -32.000000000000014
+30.40000000000002, -32.500000000000014
+30.800000000000022, -33.00000000000002
+31.20000000000002, -33.50000000000002
+31.600000000000023, -34.00000000000002
+32.00000000000002, -34.50000000000002
+32.40000000000002, -35.00000000000002
+32.800000000000026, -35.50000000000002
+33.200000000000024, -36.00000000000002
+33.60000000000002, -36.50000000000002
+34.00000000000002, -37.00000000000002
+34.40000000000003, -37.50000000000002
+34.800000000000026, -38.00000000000002
+35.200000000000024, -38.50000000000002
+35.60000000000002, -39.00000000000002
+36.00000000000003, -39.50000000000002
+36.40000000000003, -40.00000000000002
+36.800000000000026, -40.50000000000003
+37.200000000000024, -41.00000000000003
+37.60000000000003, -41.50000000000003
+38.00000000000003, -42.00000000000003
+38.40000000000003, -42.50000000000003
+38.800000000000026, -43.00000000000003
+39.20000000000003, -43.50000000000003
+39.60000000000003, -44.00000000000003
+40.00000000000003, -44.50000000000003
+40.40000000000003, -45.00000000000003
+40.80000000000003, -45.50000000000003
+41.20000000000003, -46.00000000000003
+41.60000000000003, -46.50000000000003
+42.00000000000003, -47.00000000000003
+42.400000000000034, -47.50000000000003
+43.20000000000003, -48.00000000000003
+43.60000000000003, -48.50000000000003
+44.000000000000036, -49.000000000000036
+44.400000000000034, -49.500000000000036
+44.80000000000003, -50.000000000000036
+45.20000000000003, -50.500000000000036
+45.60000000000004, -51.000000000000036
+46.000000000000036, -51.500000000000036
+46.400000000000034, -52.000000000000036
+46.80000000000003, -52.500000000000036
+47.20000000000004, -53.000000000000036
+47.60000000000004, -53.500000000000036
+48.000000000000036, -54.000000000000036
+48.400000000000034, -54.500000000000036
+48.80000000000004, -55.000000000000036
+49.20000000000004, -55.500000000000036
+49.60000000000004, -56.000000000000036
+50.400000000000034, -56.50000000000004
+50.80000000000003, -57.00000000000004
+51.20000000000003, -57.50000000000004
+51.60000000000004, -58.00000000000004
+52.000000000000036, -58.50000000000004
+52.400000000000034, -59.00000000000004
+52.80000000000003, -59.50000000000004
+53.20000000000004, -60.00000000000004
+53.60000000000004, -60.50000000000004
+54.000000000000036, -61.00000000000004
+54.400000000000034, -61.50000000000004
+54.80000000000004, -62.00000000000004
+55.20000000000004, -62.50000000000004
+55.60000000000004, -63.00000000000004
+56.40000000000004, -63.50000000000004
+56.80000000000004, -64.00000000000004
+57.20000000000004, -64.50000000000004
+57.60000000000004, -65.00000000000004
+58.00000000000004, -65.50000000000004
+58.40000000000004, -66.00000000000004
+58.80000000000004, -66.50000000000004
+59.20000000000004, -67.00000000000004
+59.600000000000044, -67.50000000000004
+60.00000000000004, -68.00000000000004
+60.40000000000004, -68.50000000000006
+60.80000000000004, -69.00000000000006
+61.200000000000045, -69.50000000000006
+62.00000000000004, -70.00000000000006
+62.40000000000004, -70.50000000000006
+62.80000000000005, -71.00000000000006
+63.200000000000045, -71.50000000000006
+63.600000000000044, -72.00000000000006
+64.00000000000004, -72.50000000000006
+64.40000000000005, -73.00000000000006
+64.80000000000004, -73.50000000000006
+65.20000000000005, -74.00000000000006
+65.60000000000005, -74.50000000000006
+66.00000000000004, -75.00000000000006
+66.40000000000005, -75.50000000000006
+66.80000000000005, -76.00000000000006
+67.60000000000005, -76.50000000000006
+68.00000000000004, -77.00000000000006
+68.40000000000005, -77.50000000000006
+68.80000000000005, -78.00000000000006
+69.20000000000005, -78.50000000000006
+69.60000000000005, -79.00000000000006
+70.00000000000006, -79.50000000000006
+70.40000000000005, -80.00000000000006
+70.80000000000005, -80.50000000000006
+71.20000000000005, -81.00000000000006
+71.60000000000005, -81.50000000000006
+72.00000000000006, -82.00000000000006
+72.80000000000005, -82.50000000000006
+73.20000000000006, -83.00000000000006
+73.60000000000005, -83.50000000000006
+74.00000000000006, -84.00000000000006
+74.40000000000005, -84.50000000000006
+74.80000000000005, -85.00000000000007
+75.20000000000006, -85.50000000000007
+75.60000000000005, -86.00000000000007
+76.00000000000006, -86.50000000000007
+76.40000000000006, -87.00000000000007
+76.80000000000005, -87.50000000000007
+77.60000000000005, -88.00000000000007
+78.00000000000006, -88.50000000000007
+78.40000000000006, -89.00000000000007
+78.80000000000005, -89.50000000000007
+79.20000000000006, -90.00000000000007
+79.60000000000007, -90.50000000000007
+80.00000000000006, -91.00000000000007
+80.40000000000006, -91.50000000000007
+80.80000000000005, -92.00000000000007
+81.20000000000006, -92.50000000000007
+81.60000000000007, -93.00000000000007
+82.00000000000006, -93.50000000000007
+82.80000000000007, -94.00000000000007
+83.20000000000006, -94.50000000000007
+83.60000000000007, -95.00000000000007
+84.00000000000006, -95.50000000000007
+84.40000000000006, -96.00000000000007
+84.80000000000007, -96.50000000000007
+85.20000000000006, -97.00000000000007
+71.60000000000005, -97.50000000000007
+53.60000000000004, -98.00000000000007
+40.00000000000003, -98.50000000000007
+28.40000000000002, -99.00000000000007
+18.400000000000013, -99.50000000000007 ,0,-100.4' />
+<g font-family='Helvetica Neue, Helvetica, sans-serif' fill='black'>
+<g font-size='3' text-anchor='end'>
+<text x='-2' y='1'>0.00</text>
+<text x='-2' y='-24'>0.25</text>
+<text x='-2' y='-49'>0.50</text>
+<text x='-2' y='-74'>0.75</text>
+<text x='-2' y='-99'>1.00</text>
+</g>
+<g font-size='3' text-anchor='middle'>
+<text x='0' y='5'>0.00</text>
+<text x='20' y='5'>0.05</text>
+<text x='40' y='5'>0.10</text>
+<text x='60.00000000000001' y='5'>0.15</text>
+<text x='80' y='5'>0.20</text>
+<text x='100' y='5'>0.25</text>
+<text x='120' y='5'>0.30</text>
+<text x='140' y='5'>0.35</text>
+</g>
+<g font-size='6' text-anchor='end'>
+ <text x='134' y='-85'>Hue: 110.23°</text>
+ <text x='134' y='-14'>OK LCH</text>
+ <text x='134' y='-5'>Gamut: sRGB</text>
+</g>
+<rect x='-0.35' y='-100.35' width='140.7' height='100.7' fill='none' stroke='black'
+stroke-width='0.7'/>
+<text x='85.2' y='-102' text-anchor='middle' font-size='4'>0.213</text>
+<text x='98.012' y='-102' text-anchor='middle' font-size='4'>0.245</text>
+<circle cx="98.012" cy="-96.476" r="1.7" fill="yellow" stroke="black" stroke-width="0.4"/>
+oklch
+</g>
+</svg>
