latin: cmymap row of subtractive colour mix
authorMischa POSLAWSKY <perl@shiar.org>
Wed, 12 Apr 2017 20:42:31 +0000 (22:42 +0200)
committerMischa POSLAWSKY <perl@shiar.org>
Mon, 22 May 2017 15:55:30 +0000 (17:55 +0200)
writing-latn.inc.pl

index fd9faa2cffb6890a836339ab11911c607ac42851..60b24f960d9b38ac07122b05eca283ff89fdb6b4 100644 (file)
@@ -50,9 +50,10 @@ sub dispbar {
 }
 
 sub disphues {
-       my ($index, $hues) = @_;
+       my ($index, $hues, $opaque) = @_;
        my @lum = ($index % 3, $index / 3 % 3, $index / 9);  # hue opacities (0..2)x3
-       my @lumf = ('hsl(%s,100%%,50%%)', 'hsl(%s,100%%,25%%)');
+       my @lumf = $opaque ? ('hsl(%s,100%%,50%%)', 'hsl(%s,100%%,25%%)') :
+               ('hsl(%s,100%%,50%%)', 'hsla(%s,100%%,50%%,.5)');
        return sprintf(
                '<svg width="16" height="16" viewBox="0 0 22 22">%s</svg>',
                join '', map {
@@ -468,8 +469,24 @@ rgbmap => {
        style => [
                'svg { isolation: isolate }',
                'svg circle { mix-blend-mode: screen }',
+               '.sample { background: black }',
+       ],
+       list => [
+               map { disphues($_, [0, 240, 120], 1) } # Red, Blue, Green
+               0 .. 3*3*3 - 1
+       ],
+},
+cmymap => {
+       title => 'CMYmap',
+       style => [
+               'svg { isolation: isolate }',  # mix on white
+               'svg circle { mix-blend-mode: multiply }',
+               '.sample { background: white }',
+       ],
+       list => [
+               map { disphues($_, [180, 60, 300]) } # Cyan, Yellow, Magenta
+               0 .. 3*3*3 - 1
        ],
-       list => [ map { disphues($_, [0, 240, 120]) } 0 .. 3*3*3 ], # Red, Blue, Green
 },
 dni => {
        title => "D'ni",