height: 7em;
float: left;
}
</style>
<h1>Trying to map the correct human colour names to hsl-hue values.</h1>
<p>In order to set the correct colour names, saturation is set to 100%, and lightness to 50%. So <code>hsl(120,100%,50%)</code> might result in something like <q>A highly saturated green</q>. I <em>guess</em> this is a good setting for analyzing colours, if you know a better setting, let me know. Colours like <em>brown</em> will not appear with this setting — brown might be described like <q>an unsaturated, dark red</q> instead.</p>
<p>In this next table you'll see the value of the hue, and the human name behind it. If you know a better layout for such a table, please let me know. </p>
<p>We're looking for the correct names here <em>and</em> for the correct boundaries: does green really end at 163? If you know of a scientific approach, please let me know.</p>
<?php
$h1 = rand(0, 360);
$s1 = rand(0, 100);
$l1 = rand(0, 100);
$colour1 = hueName($h1);
$saturation1 = saturationName($s1);
$lightness1 = lightnessName($l1);
$i = 0;
while ($i < 360) {
echo '<div style="background: hsl(' . $i . ', 100%, 50%)">' . $i . ' = ' . hueName($i) . '</div>';
$i++;
}
?>
height: 7em;
float: left;
}
</style>
<h1>Trying to map the correct human lightness names to hsl-lightness values</h1>
<p>In order to set the correct lightness names, colour is set to 120 (green), and saturation to 100%. So <code>hsl(120,100%,15%)</code> might result in something like <q>A rather saturated, very dark green</q>. I <em>guess</em> this is a good setting for analyzing lightness, if you know a better setting, let me know. </p>
<p>In this next table you'll see the value of the lightness, and the human name behind it. If you know a better layout for such a table, please let me know. </p>
<p>We're looking for the correct names here <em>and</em> for the correct boundaries: does <em>almost black</em> really end at 9? If you know of a scientific approach, please let me know.</p>
<?php
$h1 = rand(0, 360);
$s1 = rand(0, 100);
$l1 = rand(0, 100);
$colour1 = hueName($h1);
$saturation1 = saturationName($s1);
$lightness1 = lightnessName($l1);
$i = 1;
while ($i < 101) {
echo '<div style="background: hsl(120, 100%, ' . $i . '%)">' . $i . ' = ' . lightnessName($i) . '</div>';
$i++;
}
?>
