fur-colors
Version:
Colors for fur.
1,075 lines • 89.8 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>fur-colors</title>
<link rel="stylesheet" href="./assets/stylesheets/gallery.css"/>
<link rel="icon" href="./assets/images/fur-favicon.png"/>
</head>
<body>
<header>
<div class="container">
<h1 onclick="location.reload()">fur-colors</h1>
</div>
</header>
<main>
<div class="container">
<p>
These colors are generated by <a href="https://www.npmjs.com/package/color-scheme">color-scheme npm
package.</a>
</p>
</div>
<div class="container">
<table>
<colgroup>
<col style="width:90px;"/>
<col style="width:120px;"/>
<col/>
</colgroup>
<thead>
<tr>
<th>Theme</th>
<th>Colors</th>
<th>Sample</th>
</tr>
</thead>
<tbody>
<tr>
<th>
a
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ff0000;"></span>
<span class="color-value">#ff0000</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-a.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
b
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b30000;"></span>
<span class="color-value">#b30000</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-b.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
c
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffbfbf;"></span>
<span class="color-value">#ffbfbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#330000;"></span>
<span class="color-value">#330000</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-c.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
d
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ff8080;"></span>
<span class="color-value">#ff8080</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-d.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
e
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ff3000;"></span>
<span class="color-value">#ff3000</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-e.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
f
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b32200;"></span>
<span class="color-value">#b32200</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-f.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
g
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffcbbf;"></span>
<span class="color-value">#ffcbbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#330a00;"></span>
<span class="color-value">#330a00</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-g.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
h
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ff9880;"></span>
<span class="color-value">#ff9880</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-h.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
i
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ff5f00;"></span>
<span class="color-value">#ff5f00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-i.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
j
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b34300;"></span>
<span class="color-value">#b34300</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-j.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
k
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffd7bf;"></span>
<span class="color-value">#ffd7bf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#331300;"></span>
<span class="color-value">#331300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-k.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
l
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffaf80;"></span>
<span class="color-value">#ffaf80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#331300;"></span>
<span class="color-value">#331300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-l.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
m
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ff7b00;"></span>
<span class="color-value">#ff7b00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-m.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
n
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b35600;"></span>
<span class="color-value">#b35600</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-n.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
o
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffdebf;"></span>
<span class="color-value">#ffdebf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#331900;"></span>
<span class="color-value">#331900</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-o.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
p
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffbd80;"></span>
<span class="color-value">#ffbd80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#331800;"></span>
<span class="color-value">#331800</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-p.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
q
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ff9100;"></span>
<span class="color-value">#ff9100</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-q.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
r
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b36600;"></span>
<span class="color-value">#b36600</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-r.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
s
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffe4bf;"></span>
<span class="color-value">#ffe4bf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#331d00;"></span>
<span class="color-value">#331d00</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-s.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
t
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffc880;"></span>
<span class="color-value">#ffc880</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#331d00;"></span>
<span class="color-value">#331d00</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-t.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
u
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffa800;"></span>
<span class="color-value">#ffa800</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-u.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
v
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b37600;"></span>
<span class="color-value">#b37600</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-v.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
w
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffe9bf;"></span>
<span class="color-value">#ffe9bf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332100;"></span>
<span class="color-value">#332100</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-w.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
x
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffd480;"></span>
<span class="color-value">#ffd480</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332200;"></span>
<span class="color-value">#332200</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-x.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
y
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffc000;"></span>
<span class="color-value">#ffc000</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332600;"></span>
<span class="color-value">#332600</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-y.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
z
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b38600;"></span>
<span class="color-value">#b38600</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-z.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
aa
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffefbf;"></span>
<span class="color-value">#ffefbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332600;"></span>
<span class="color-value">#332600</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-aa.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ab
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffe080;"></span>
<span class="color-value">#ffe080</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332700;"></span>
<span class="color-value">#332700</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ab.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ac
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffd800;"></span>
<span class="color-value">#ffd800</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332b00;"></span>
<span class="color-value">#332b00</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ac.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ad
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b39700;"></span>
<span class="color-value">#b39700</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ad.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ae
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#fff5bf;"></span>
<span class="color-value">#fff5bf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332b00;"></span>
<span class="color-value">#332b00</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ae.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
af
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffec80;"></span>
<span class="color-value">#ffec80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#332b00;"></span>
<span class="color-value">#332b00</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-af.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ag
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#ffef00;"></span>
<span class="color-value">#ffef00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#333000;"></span>
<span class="color-value">#333000</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ag.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ah
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#b3a700;"></span>
<span class="color-value">#b3a700</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ah.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ai
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#fffbbf;"></span>
<span class="color-value">#fffbbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#333000;"></span>
<span class="color-value">#333000</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ai.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
aj
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#fff780;"></span>
<span class="color-value">#fff780</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#333000;"></span>
<span class="color-value">#333000</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-aj.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ak
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#eeff00;"></span>
<span class="color-value">#eeff00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#303300;"></span>
<span class="color-value">#303300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ak.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
al
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#a7b300;"></span>
<span class="color-value">#a7b300</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-al.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
am
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#fbffbf;"></span>
<span class="color-value">#fbffbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#303300;"></span>
<span class="color-value">#303300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-am.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
an
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#f7ff80;"></span>
<span class="color-value">#f7ff80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#303300;"></span>
<span class="color-value">#303300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-an.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ao
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#c2ff00;"></span>
<span class="color-value">#c2ff00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#273300;"></span>
<span class="color-value">#273300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ao.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ap
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#88b300;"></span>
<span class="color-value">#88b300</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ap.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
aq
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#f0ffbf;"></span>
<span class="color-value">#f0ffbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#273300;"></span>
<span class="color-value">#273300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-aq.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ar
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#e1ff80;"></span>
<span class="color-value">#e1ff80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#273300;"></span>
<span class="color-value">#273300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ar.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
as
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#8bff00;"></span>
<span class="color-value">#8bff00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#1c3300;"></span>
<span class="color-value">#1c3300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-as.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
at
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#61b300;"></span>
<span class="color-value">#61b300</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-at.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
au
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#e2ffbf;"></span>
<span class="color-value">#e2ffbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#1c3300;"></span>
<span class="color-value">#1c3300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-au.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
av
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#c5ff80;"></span>
<span class="color-value">#c5ff80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#1c3300;"></span>
<span class="color-value">#1c3300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-av.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
aw
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#30fc00;"></span>
<span class="color-value">#30fc00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-aw.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ax
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#22b100;"></span>
<span class="color-value">#22b100</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ax.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ay
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#cbffbf;"></span>
<span class="color-value">#cbffbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#0a3300;"></span>
<span class="color-value">#0a3300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ay.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
bz
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#98ff80;"></span>
<span class="color-value">#98ff80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#0a3300;"></span>
<span class="color-value">#0a3300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-bz.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
ba
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#00cc00;"></span>
<span class="color-value">#00cc00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-ba.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
bb
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#008f00;"></span>
<span class="color-value">#008f00</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-bb.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
bc
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#bfffbf;"></span>
<span class="color-value">#bfffbf</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#003300;"></span>
<span class="color-value">#003300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-bc.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
bd
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#80ff80;"></span>
<span class="color-value">#80ff80</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#003300;"></span>
<span class="color-value">#003300</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-bd.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
be
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#00b560;"></span>
<span class="color-value">#00b560</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div>
</td>
<td>
<img src="./example/images/example-colors-be.svg?v=2.0.5" height="92">
</td>
</tr>
<tr>
<th>
bf
</th>
<td>
<div class="color-row">
<span class="color-sample" style="background-color:#007f43;"></span>
<span class="color-value">#007f43</span><br/>
</div>
<div class="color-row">
<span class="color-sample" style="background-color:#ffffff;"></span>
<span class="color-value">#ffffff</span><br/>
</div