logo.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -625 630 615" overflow="visible" height="600">
<desc>Based on u*,v* UCS diagram</desc>
<style>
#tongue {
	fill: hsl(220, 10%, 48%);
}

.color-space polygon {
	fill: none;
}

.color-space circle,
.color-space polygon {
	stroke: hsl(220, 10%, 88%);
	stroke-width: 30px;
}

.color-space circle {
	stroke-width: 22px;
}

#white-point {
	fill: white;
}

</style>

<path id="tongue" d="M 256.804  -16.594
  L 256.637  -16.593
  L 256.418  -16.266
  L 256.085  -16.263
  L 255.699  -15.935
  L 255.2  -15.932
  L 254.535  -15.927
  L 253.704  -15.921
  L 252.207  -16.885
  L 249.615  -19.128
  L 246.12  -22.623
  L 241.063  -27.948
  L 234.69  -35.011
  L 226.63  -43.68
  L 216.06  -54.946
  L 203.34  -68.779
  L 187.72  -87.114
  L 168.963  -111.946
  L 144.076  -150.984
  L 114.692  -204.374
  L 82.816  -270.829
  L 52.134  -342.686
  L 28.159  -411.679
  L 11.891  -469.843
  L 3.473  -513.066
  L 1.438  -543.162
  L 4.643  -563.843
  L 5.859  -567.036
  L 7.213  -569.939
  L 8.771  -572.575
  L 10.438  -574.905
  L 12.285  -576.969
  L 14.22  -578.754
  L 16.315  -580.309
  L 18.482  -581.618
  L 20.756  -582.743
  L 23.116  -583.667
  L 25.566  -584.422
  L 28.05  -585.009
  L 30.633  -585.478
  L 33.285  -585.851
  L 36.008  -586.142
  L 50.059  -586.754
  L 64.335  -586.523
  L 79.224  -585.616
  L 95.269  -584.113
  L 112.701  -582.069
  L 131.858  -579.553
  L 153.101  -576.592
  L 176.586  -573.182
  L 202.596  -569.364
  L 231.17  -565.107
  L 262.343  -560.441
  L 295.958  -555.411
  L 331.527  -550.115
  L 368.06  -544.626
  L 403.475  -539.334
  L 437.943  -534.187
  L 469.171  -529.561
  L 496.768  -525.419
  L 520.257  -521.894
  L 539.92  -518.977
  L 556.503  -516.489
  L 570.88  -514.332
  L 583.036  -512.508
  L 592.866  -511.07
  L 600.496  -509.926
  L 606.437  -509.035
  L 610.879  -508.368
  L 613.777  -507.933
  L 616.162  -507.576
  L 618.025  -507.296
  L 619.897  -507.015
  L 621.507  -506.774
  L 622.584  -506.612
  L 623.123  -506.531
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  L 623.393  -506.491
  Z"/>

<!-- White point -->
<!-- <circle r="12" cx="197.83" cy="-468.32" id="white-point" /> -->

<!-- sRGB
red 450.70423, 522.88732
green  125, 562.5
blue 175.4386, 157.89474
white 197.83001, 468.31999

<g class="color-space" id="srgb">
	<polygon points="450.7, -522.887 125, -562.5 175.44, -157.89"/>

	<circle r="36" cx="450.7" cy="-522.887" fill="hsl(0, 80%, 50%)" />
	<circle r="36" cx="125" cy="-562.5" fill="hsl(90, 50%, 45%)" />
	<circle r="36" cx="175.44" cy="-157.89" fill="hsl(210 80% 55%)" />
</g>
-->

<!-- display-p3000
red 496.35036, 525.54745
green 98.60465, 577.67442
blue 175.4386, 157.89474
white 197.83001, 468.31999
-->
<g class="color-space" id="p3">
	<polygon points="496.35, -525.54 98.6, -577.67 175.44, -157.89"/>

	<circle r="36" cx="496.35" cy="-525.54" fill="hsl(0, 80%, 50%)" />
	<circle r="36" cx="98.6" cy="-577.67" fill="hsl(90, 50%, 45%)" />
	<circle r="36" cx="175.44" cy="-157.89" fill="hsl(210 80% 55%)" />
</g>





</svg>