Use the two color palettes on the left to try different combinations of background and text colors.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<?php
function createChooser($styleAttribute)
{
echo "<table>\n";
for($r = 0; $r <= 0xFF; $r += 0x33)
{
echo "<tr>\n";
for($g = 0; $g <= 0xFF; $g += 0x33)
{
for($b = 0; $b <= 0xFF; $b += 0x33)
{
printf(
"<td style='background-color:#%02X%02X%02X'><a href='#' " .
"onclick='change(\"%s\", \"#%02X%02X%02X\");return false'>" .
" </a></td>\n",
$r, $g, $b, $styleAttribute, $r, $g, $b
);
}
}
echo "</tr>\n";
}
echo "<tr class='wide'>\n";
for($c = 0; $c <= 0xFFFFFF; $c += 0x333333)
{
printf(
"<td style='background-color:#%06X' colspan='6'>" .
"<a href='#' onclick='change(\"%s\", \"#%06X\");return false'>" .
" </a></td>\n",
$c, $styleAttribute, $c
);
}
echo "</tr>\n";
echo "</table>\n";
}
?><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<meta name="description" content="Color chooser for web page foreground and background colors">
<meta name="keywords" content="color,chooser,palette,web design">
<title>Web Page Color Picker</title>
<script type="text/javascript">
function change(styleAttr, color)
{
document.body.style[styleAttr] = color;
document.getElementById(styleAttr).innerHTML = color;
return false;
}
</script>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0.5em;
background-color: white;
color: black;
font: 93% arial, helvetica, sans-serif;
}
.chooser {
float: left;
clear: left;
margin: 1em 1em 1em 0;
padding: 0.5em;
background-color: #ccc;
color: black;
font-size: small;
border: outset 2px gray;
}
.chooser table {
margin: 0;
border-collapse: collapse;
border: inset 1px gray;
font-size: small;
}
.chooser td {
padding: 0;
}
.chooser a {
padding: 0 .2em;
text-decoration: none;
}
h2 span {
font-family: 'courier new', courier, monospace;
}
.wide a {
display:block;
}
#source {
float: left;
overflow: auto;
clear: both;
background-color: white;
margin: 7em 1em 1em;
padding: 1em;
border: inset 2px gray;
}
a { color: inherit; }
ul {
list-style: none;
}
-->
</style>
</head>
<body>
<div class="chooser">
<h2>Background Color: <span id="backgroundColor">#FFFFFF</span></h2>
<?php
createChooser("backgroundColor");
?>
<h2>Text Color: <span id="color">#000000</span></h2>
<?php
createChooser("color");
?>
</div>
<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/../include/wishlist.php');
wishList();
?>
<h1>Web Page Color-Picker</h1>
<p>Use the two color palettes on the left to try different combinations
of background and text colors.</p>
<ul>
<li><a href="#source">View PHP source code</a></li>
<li><a href="/">Home page</a></li>
<li><a href="/PHP_and_MySQL/">PHP and Mysql page</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p><em>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
ullamco laboris nisi ut aliquip ex ea commodo consequat.</em></p>
<p><strong>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</strong></p>
<p><em><strong>
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.</strong></em></p>
<pre id="source">
<?php
highlight_file(__FILE__);
?>
</pre>
</body>
</html>