termcol.plp

   1 <(common.inc.plp)><:
   2
   3 Html({
   4         title => 'terminal colour cheat sheet',
   5         version => 'v1.0',
   6         description => [
   7                 "Index of all terminal/console colour codes,",
   8                 "with an example result of various environments.",
   9         ],
  10         keywords => [qw'
  11                 color code terminal console escape table xterm rxvt
  12         '],
  13         stylesheet => [qw'light dark'],
  14 });
  15
  16 use List::Util 'min';
  17
  18 :>
  19 <h1>Terminal colours</h1>
  20
  21 <div class="section">
  22 <:
  23 sub luminance {
  24         # perceived brightness (using ITU-R recommendation 601 luma co-efficients)
  25         my ($r, $g, $b) = @_;
  26         return $r*.299 + $g*.587 + $b*.114;
  27 }
  28
  29 sub colcell {
  30         my $id = shift;
  31         my @rgb = @_ >= 3 ? @_ : (map {hex} $_[0] =~ /(..)/g);
  32         my $rgb24 = '';
  33         $rgb24 .= sprintf '%X', min($_ / 17 + .5, 15) for @rgb[0..2];
  34         my $rgb48 = '';
  35         $rgb48 .= sprintf '%02X', $_ for @rgb[0..2];
  36         my $inverse = sprintf('%X', luminance(@rgb)/255 < .3 ? 12 : 0) x 3;
  37         return sprintf '<td title="%s" style="%s">%s<td style="%s">%s<td style="%s">%s'."\n",
  38                 join(',', map { int } @rgb[0..2]),
  39                 "background:#$rgb48; color:#$inverse; padding:0 1ex",
  40                 $id,
  41                 "background:#000; color:#$rgb48",
  42                 $rgb24,
  43                 "background:#FFF; color:#$rgb48",
  44                 $rgb24,
  45 }
  46
  47 my %col = (
  48         -html => [
  49                 qw/black maroon green olive  navy purple  cyan silver
  50                    gray  red    lime  yellow blue fuchsia aqua white/,
  51                 qw/reset bold dim italic underline blink fastblink
  52                    reverse hidden/,
  53         ],
  54         html => [
  55                 qw/000000 CCCCCC/,
  56                 qw/000000 800000 008000 808000 000080 800080 008080 C0C0C0
  57                    808080 FF0000 00FF00 FFFF00 0000FF FF00FF 00FFFF FFFFFF/,
  58         ],
  59         cga => [
  60                 qw/000000 CCCCCC/,
  61                 qw/000000 AA0000 00AA00 AA5500 0000AA AA00AA 00AAAA AAAAAA
  62                    555555 FF5555 55FF55 FFFF55 5555FF FF55FF 55FFFF FFFFFF/,
  63         ],
  64         xterm => [
  65                 qw/000000 CCCCCC/,
  66                 qw/000000 CC0000 00CC00 CCCC00 4682B4 CC00CC 00CCCC E5E5E5
  67                    4C4C4C FF0000 00FF00 FFFF00 1E90FF FF00FF 00FFFF FFFFFF/,
  68         ],
  69         tango => [
  70                 qw/000000 CCCCCC/,
  71                 qw/2E3436 CC0000 4E9A06 C4A000 3465A4 75507B 06989A D3D7CF
  72                    555753 EF2929 8AE234 FCE94F 729FCF AD7FA8 34E2E2 EEEEEC/,
  73         ],
  74         -xkcd => [
  75                 qw/black  maroon green  olive  navy   purple teal   silver
  76                    grey   red    lime   yellow blue  fuchsia cyan   white/,
  77         ],
  78         xkcd => [
  79                 0,0,
  80                 qw/000000 650021 15b01a 6e750e 01153e 7e1e9c 029386 c5c9c7
  81                    929591 e50000 aaff32 ffff14 0343df ed0dd9 00ffff ffffff/,
  82         ],
  83 );
  84
  85 for my $term (qw/html cga xterm tango xkcd/) {
  86         print '<table>', "\n";
  87         print "<caption>$term</caption>\n";
  88         for my $num (0 .. 15) {
  89                 my $rgb = $col{$term}[$num + 2];
  90                 print '<tr>',
  91                         colcell($col{"-$term"}[$num] || $num, $rgb, $col{$term}[0]);
  92         }
  93         print "</table>\n\n";
  94 }
  95 :></div>
  96
  97 <hr>
  98
  99 <div class="section">
 100 <h2>88-colour space</h2>
 101 <:
 102 for my $r (0 .. 3) {
 103         print '<table>';
 104         for my $g (0 .. 3) {
 105                 print '<tr>';
 106                 for my $b (0 .. 3) {
 107                         my $index = $r*4*4 + $g*4 + $b + 16;
 108                         print colcell($index, map {(0, 139, 205, 255)[$_]} $r, $g, $b);
 109                 }
 110         }
 111         print "</table>\n";
 112 }
 113 print "\n";
 114
 115 print '<table><tr>';
 116 print colcell(80+$_, (($_ + 2 + ($_>0)) * 255/11) x 3) for 0 .. 7;
 117 print "</table>\n\n";
 118
 119 :></div>
 120 <: if ($ENV{PATH_INFO} =~ /256/) { :>
 121 <hr>
 122
 123 <div class="section">
 124 <h2>256-colour space</h2>
 125 <:
 126 for my $r (0 .. 5) {
 127         print '<table>';
 128         for my $g (0 .. 5) {
 129                 print '<tr>';
 130                 for my $b (0 .. 5) {
 131                         my $index = $r*6*6 + $g*6 + $b + 16;
 132                         print colcell($index, map { $_ && $_*40 + 55 } $r, $g, $b);
 133                 }
 134         }
 135         print "</table>\n";
 136 }
 137 print "\n";
 138
 139 for my $row (0, 12) {
 140         print '<table><tr>';
 141         print colcell(232+$_, ($_*10 + 8) x 3) for $row .. $row+11;
 142         print "</table>\n";
 143 }
 144 print "\n";
 145
 146 :></div>
 147 <: } :>
 148 <hr>
 149