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++;
}
?>
}
p {
max-width: 24em;
margin: 1em 0;
-moz-hyphens: auto;
hyphens: auto;
}
div {
width: 7em;
height: 7em;
float: left;
}
</style>
<h1>Probando a asignar a un valor de saturación en HSL su nombre en lenguaje natural.</h1>
<p>Para asignar los nombres correctos, el matiz se ha definido a 120 (verde), y la luminosidad al 50%. Por lo que <code>hsl(120,65%,25%)</code> podría resultar en algo como <q>Un verde oscuro bastante saturado</q>. <em>Considero</em> esta una buena configuración para analizar saturaciones, si conoces una mejor configuración, por favor, hazmelo saber.
<p>En la siguiente tabla verás el valor de la saturación y el nombre asociado a esta. Si conoces una mejor disposición para esta tabla, por favor, hazmelo saber. </p>
<p>Estamos buscando los nombres correctos <em>y</em> los límites adecuados: ¿Realmente acaba <em>casi gris</em> en 9? Si conoces una aproximación científica, por favor, hazmelo saber.</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, ' . $i . '%, 50%)">' . $i . ' = ' . saturationName($i) . '</div>';
$i++;
}