Раскраска в php с использованием HSL

Question

Я хочу, чтобы цветные буквы (основания) были в последовательности. Я могу сделать функцию, чтобы сказать «цвет этого», но я не могу сказать, что это за цвет.

Я сделал некоторые hsl-divs, используя внутреннюю таблицу стилей, но это, похоже, не работает.

case 1: /*500-550(Raw Score)*/ 
    $truecol=<div style="text-color: hsl($col,25%, 100%);">/*input*/</div> 
    break; 

case 2: //550-600 
    $truecol=<div style="text-color: hsl($col,35%, 100%);">/*input*/</div> 
    break; 
case 3: //600-650 
    $truecol=<div style="text-color: hsl($col,45%, 50%);">/*input*/</div> 
    break; 
case 4: //650-700 
    $truecol=<div style="text-color: hsl($col,50%, 100%);">/*input*/</div> 
    break; 
case 5: //700-750 
    $truecol=<div style="text-color: hsl($col,55%, 100%);">/*input*/</div> 
    break; 
case 6: //750-800 
    $truecol=<div style="text-color: hsl($col,60%, 100%);">/*input*/</div> 
    break; 
case 6: //800-850 
    $truecol=<div style="text-color: hsl($col,70%, 100%);">/*input*/</div> 
    break; 
case 7: //850-900 
    $truecol=<div style="text-color: hsl($col,80%, 100%);">/*input*/</div> 
    break; 
case 8: //900-950 
    $truecol=<div style="text-color: hsl($col,90%, 100%);">/*input*/</div> 
    break; 
case 9: //950-1000 
    $truecol=<div style="text-color: hsl($col,100%, 100%);">/*input*/</div> 
    break; 

Должен ли я преобразовать rgb в hsl saturation, а затем обратно в шестнадцатеричный? Важно, чтобы цвета проходили в градиенте. Вот почему я использую HSL изначально.

Answer 1

Во-первых, просто взгляните на цветовое кодирование вашего PHP в вопросе. Очевидно, вы видите, что это неправильно.

Поместите эти теги HTML в строку. Предпочтительно использовать двойные кавычки, если вы избегаете атрибута стиля правильно. Пример:

$truecol = "<div style=\"color: hsl($col,100%,50%);\">...</div>"; 

Также обратите внимание, я исправил две другие ошибки: свойство стиля color, не text-color, и в hsl светлота должна быть 50% для «нормального» цвета. На 100% вы просто становитесь белыми.