summaryrefslogtreecommitdiff
path: root/macros/latex/contrib/ninecolors/ninecolors.tex
diff options
context:
space:
mode:
authorNorbert Preining <norbert@preining.info>2021-04-12 03:01:29 +0000
committerNorbert Preining <norbert@preining.info>2021-04-12 03:01:29 +0000
commit72c29070e5c574da1a734cb90214754b2f3aa698 (patch)
tree75d0363f99a91e571bf7b981f82e8f1c2acb696a /macros/latex/contrib/ninecolors/ninecolors.tex
parent9b552e1a4637af098a01847c97658f65bc505356 (diff)
CTAN sync 202104120301
Diffstat (limited to 'macros/latex/contrib/ninecolors/ninecolors.tex')
-rw-r--r--macros/latex/contrib/ninecolors/ninecolors.tex89
1 files changed, 89 insertions, 0 deletions
diff --git a/macros/latex/contrib/ninecolors/ninecolors.tex b/macros/latex/contrib/ninecolors/ninecolors.tex
new file mode 100644
index 0000000000..cdda3624bd
--- /dev/null
+++ b/macros/latex/contrib/ninecolors/ninecolors.tex
@@ -0,0 +1,89 @@
+% -*- coding: utf-8 -*-
+\documentclass{article}
+\usepackage[a4paper,margin=1.5cm]{geometry}
+
+\usepackage{ninecolors}
+\usepackage{arev}
+\usepackage{pgffor}
+\usepackage{hyperref}
+\hypersetup{
+ colorlinks=true,
+ urlcolor=blue3,
+}
+
+\newcommand*{\myversion}{2021A}
+\newcommand*{\mydate}{\the\year/\mylpad\month/\mylpad\day\ (v\myversion)}
+\newcommand*{\mylpad}[1]{\ifnum#1<10 0\the#1\else\the#1\fi}
+
+\begin{document}
+
+\title{\href{https://github.com/lvjr/ninecolors}{Ninecolors: select colors with proper WCAG color contrast}}
+\author{Jianrui Lyu (tolvjr@163.com)}
+\date{\mydate}
+\maketitle
+
+\textcolor{red4}{Ninecolors} package carefully selects and defines 9 colors for 13 hues each.
+All colors with the same suffix number have equal luminance level.
+Also color black is of level 0, and color white is of level 10.
+
+\bigskip
+
+\foreach \l in {1,...,9}
+{
+ \noindent
+ \foreach \n in {gray,red,brown,yellow,olive,green,teal,cyan,azure,blue,violet,magenta,purple}
+ {%
+ \xdef\mycolor{\ifnum \l < 5 white\else black\fi}%
+ \colorbox{\n\l}{\color{\mycolor}\texttt\strut\n\l}%
+ }
+ \par
+}
+
+\bigskip
+
+\foreach \l in {1,...,9}
+{
+ \noindent
+ \foreach \n in {gray,red,brown,yellow,olive,green,teal,cyan,azure,blue,violet,magenta,purple}
+ {%
+ \xdef\mycolor{\ifnum \l < 5 gray9\else black\fi}%
+ \colorbox{\mycolor}{\color{\n\l}\texttt\strut\n\l}%
+ }
+ \par
+}
+
+\bigskip
+\hrule
+\bigskip
+
+By simply choosing two colors in the above list, which differ in level by at least 5,
+as foreground and background colors, you will get proper
+\href{https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html}{WCAG Color Contrast}.
+
+\bigskip
+
+\colorbox{blue9}{%
+ \strut\color{green3}The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+}
+\par\nointerlineskip
+\colorbox{green3}{%
+ \strut\color{blue9}The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+}
+\par\nointerlineskip
+\colorbox{violet9}{%
+ \strut\color{brown3}The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+}
+\par\nointerlineskip
+\colorbox{brown3}{%
+ \strut\color{violet9}The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
+}
+
+\bigskip
+\hrule
+\bigskip
+
+If you need to select more contrasting foreground and background colors, which may have other hues,
+you could visit \href{https://lvjr.bitbucket.io/contrast.html}{WCAG Color Contrast Tool}
+page which is designed by the author.
+
+\end{document}