X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/43f639f1fdbf9dd95236037d9291854559e92d92..84f6f39be4ffeb6307756b97126ad993bef367a8:/termcol.plp diff --git a/termcol.plp b/termcol.plp index e313856..0e3c979 100644 --- a/termcol.plp +++ b/termcol.plp @@ -1,90 +1,186 @@ -<: -use utf8; -use strict; -use warnings; -use open IO => ':utf8'; -use List::Util 'min'; - -our $VERSION = 'v1.0'; - -$header{content_type} = 'text/html; charset=utf-8'; - -:> - +<(common.inc.plp)><: - -terminal colour cheat sheet - - - +Html({ + title => 'terminal colour cheat sheet', + version => 'v1.0', + description => [ + "Index of all terminal/console colour codes,", + "with an example result of various environments.", + ], + keywords => [qw' + color code terminal console escape table xterm rxvt + '], + stylesheet => [qw'light dark'], +}); - +:>

Terminal colours

- +
<: -sub luminance { - # perceived brightness (using ITU-R recommendation 601 luma co-efficients) - my ($r, $g, $b) = @_; - return $r*.299 + $g*.587 + $b*.114; -} +use Shiar_Sheet::Colour; sub colcell { - my $id = shift; - my @rgb = @_ >= 3 ? @_ : (map {hex} $_[0] =~ /(..)/g); - my $rgb24 = ''; - $rgb24 .= sprintf '%X', min($_ / 17 + .5, 15) for @rgb[0..2]; - my $rgb48 = ''; - $rgb48 .= sprintf '%02X', $_ for @rgb[0..2]; - my $inverse = sprintf('%X', luminance(@rgb)/255 < .3 ? 12 : 0) x 3; - return sprintf '
', (map {'\n"; -for my $num (0 .. 15) { - printf('%s'."\n", - join('', map { - my $rgb = $col{$_}[$num + 2]; - colcell($_ eq 'html' ? $col{-name}[$num] : $num, $rgb, $col{$_}[0]) - } @termlist ), - ); +for my $term (qw/cga xterm tango app html xkcd/) { + print '
%s%s%s', - "background:#$rgb48; color:#$inverse", - $id, - "background:#000; color:#$rgb48", - $rgb24, - "background:#FFF; color:#$rgb48", - $rgb24, + my $name = shift; + my $col = Shiar_Sheet::Colour->new(@_); + my $minhex = $col->rgb24; + my $css = '#' . $col->rgb48; + my $inverse = '#' . sprintf('%X', $col->luminance/255 < .3 ? 12 : 0) x 3; + + my $sample = [ qw(#000 #FFF) ]; + ($name, $sample) = @$name if ref $name eq 'ARRAY'; + + my $out = sprintf('%s', + join(',', map { int } @$col), + "background:$css; color:$inverse; padding:0 1ex", + $name, + ); + $out .= sprintf '%s', "background:$_; color:$css", $minhex + for @$sample; + return "$out\n"; } my %col = ( - -name => [ + -html => [ + sprintf('html', + 'HTML keywords (inherited by CSS≥2.1 and SVG), mostly identical to X11', + 'http://www.w3.org/TR/css3-color/#html4', + ), qw/black maroon green olive navy purple cyan silver gray red lime yellow blue fuchsia aqua white/, qw/reset bold dim italic underline blink fastblink reverse hidden/, ], html => [ - qw/000000 CCCCCC/, qw/000000 800000 008000 808000 000080 800080 008080 C0C0C0 808080 FF0000 00FF00 FFFF00 0000FF FF00FF 00FFFF FFFFFF/, ], +# -cga => linux console, kde? cga => [ - qw/000000 CCCCCC/, qw/000000 AA0000 00AA00 AA5500 0000AA AA00AA 00AAAA AAAAAA 555555 FF5555 55FF55 FFFF55 5555FF FF55FF 55FFFF FFFFFF/, ], +# -xterm => rxvt except for blues xterm => [ - qw/000000 CCCCCC/, qw/000000 CC0000 00CC00 CCCC00 4682B4 CC00CC 00CCCC E5E5E5 4C4C4C FF0000 00FF00 FFFF00 1E90FF FF00FF 00FFFF FFFFFF/, ], +# -tango => default Gnome theme tango => [ - qw/000000 CCCCCC/, qw/2E3436 CC0000 4E9A06 C4A000 3465A4 75507B 06989A D3D7CF 555753 EF2929 8AE234 FCE94F 729FCF AD7FA8 34E2E2 EEEEEC/, ], + -xkcd => [ + sprintf('xkcd', + 'human averages in xkcd survey results', + 'http://blog.xkcd.com/2010/05/03/color-survey-results/', + ), + qw/black maroon green olive navy purple teal silver + grey red lime yellow blue fuchsia cyan white/, + ], + xkcd => [ + qw/000000 650021 15b01a 6e750e 01153e 7e1e9c 029386 c5c9c7 + 929591 e50000 aaff32 ffff14 0343df ed0dd9 00ffff ffffff/, + ], + -android => [ + sprintf('android', + 'http://developer.android.com/guide/practices/ui_guidelines/icon_design.html', + 'recommended colour palette for Android icons', + ), + qw/white light medium dark black blue1 blue2 blue3 + green1 green2 green3 orange1 orange2 orange3 red /, + ], + android => [ + qw/FFFFFF BFBFBF 808080 404040 000000 6699FF 3366CC 003399 + 99CC33 00CC00 669933 FFCC00 FF9900 FF6600 CC0000 /, + ], + -app => [ + 'Term.app', + ], + app => [ + qw/000000 C23621 25BC24 ADAD27 492EE1 D338D3 33BBC8 CBCCCD + 818383 FC391F 31E722 EAEC23 5833FF F935F8 14F0F0 E9EBEB /, + ], + putty => [ + qw/000000 BB0000 00BB00 BBBB00 0000BB BB00BB 00BBBB BBBBBB + 555555 FF5555 55FF55 FFFF55 5555FF FF55FF 55FFFF FFFFFF /, + ], + -slutty => [ + sprintf('SluTTY', + 'http://www.npjh.com/slutty.html', + 'PuTTY fork with light colour scheme', + ), + ], + slutty => [ + qw/000000 9C1D1D 6C9446 AC9A47 335786 8F6496 486768 E0DCDC + 2F2F2F CD5757 8FC35B D1C45E 5C81A9 BC95B7 76CBCB EEEEEC /, + ], ); -my @termlist = qw(html cga xterm tango); -print '
'.$_} @termlist), "
', "\n"; + printf "\n", $col{"-$term"}[0] || $term; + for my $num (0 .. $#{ $col{$term} }) { + my $rgb = $col{$term}[$num]; + my $name = $col{"-$term"}[$num + 1] || $num; + $name = [ $name, ['#333'] ] if $term eq 'xkcd'; + print '', colcell($name, $rgb); + } + print "
%s
\n\n"; +} +:> + +
+ +
+

88-colour space

+<: +for my $r (0 .. 3) { + print ''; + for my $g (0 .. 3) { + print ''; + for my $b (0 .. 3) { + my $index = $r*4*4 + $g*4 + $b + 16; + print colcell($index, map {(0, 139, 205, 255)[$_]} $r, $g, $b); + } + } + print "
\n"; } -:> +print "\n"; + +print ''; +print colcell(80+$_, (($_ + 2 + ($_>0)) * 255/11) x 3) for 0 .. 7; +print "
\n\n"; + +:>
+<: if ($ENV{PATH_INFO} =~ /256/) { :> +
+ +
+

256-colour space

+<: +for my $r (0 .. 5) { + print ''; + for my $g (0 .. 5) { + print ''; + for my $b (0 .. 5) { + my $index = $r*6*6 + $g*6 + $b + 16; + print colcell($index, map { $_ && $_*40 + 55 } $r, $g, $b); + } + } + print "
\n"; +} +print "\n"; + + print ''; +for my $row (0, 12) { + print ''; + print colcell(232+$_, ($_*10 + 8) x 3) for $row .. $row+11; +} + print "
\n"; +print "\n"; + +:>
+<: } :> +