Kleurcodes in website

[vleppyniles]

Goeiemorgen allen,

Een kennis heeft een website gemaakt waarin bezoekers een korte vragenlijst kunnen invullen. De resultaten van die vragenlijst worden omgezet in Likert-schaal met vijf kleuren.

rood | oranje | grijs | groen | donkergroen

Nu wil ik die kleuren aanpassen in:

Donkerrood | rood | oranje | groen | donkergroen

Ik heb inmiddels het stukje code gevonden met daarin de kleuren, alleen weet ik niet hoe ik die kleuren moet aanpassen. De kleurcode is namelijk als volgt:

----------

sub Rood {
$page->setrgbcolor( 0.8667,0,0);
#$page->setrgbcolor( 1,0,0);
}
sub Oranje {
$page->setrgbcolor( 1,0.5333,0);
#$page->setrgbcolor( 1,0.5,0);
}
sub Groen {
$page->setrgbcolor( 0,0.627,0.32);
#$page->setrgbcolor( 0.13,0.81,0);
}
sub Lichtgroen {
$page->setrgbcolor( 0.6667,0.8,0);
#$page->setrgbcolor( 0.64,1,0.22);
}
sub Blauwgrijs {
$page->setrgbcolor( 0.659, 0.741, 0.796);
$page->setrgbcolorstroke( 0.659, 0.741, 0.796);
}
sub Grijs {
$page->setrgbcolor( 0.8,0.8,0.8);
$page->setrgbcolorstroke( 0.8, 0.8, 0.8);
}
sub Zwart {
$page->setrgbcolor( 0,0,0);
}
sub Wit {
$page->setrgbcolor( 1,1,1);
}

sub Kleur {
#
# kleur keuze op basis van score
#
my $v=$_[0];
if ($v<0.1) {
$page->setrgbcolor( 0.8,0.8,0.8);
} else {
if ($v<3) { &Rood(); }
if (($v>=3) && ($v<5)) { &Oranje(); }
if (($v>=5) && ($v<6)) { $page->setrgbcolor( 0.8,0.8,0.8); }
if (($v>=6) && ($v<8)) { &Lichtgroen(); }
if ($v>=8) { &Groen(); }
}
}

----------

Omdat de donkerrode kleur nog niet gespecificeerd was, heb ik die ingevoegd met:

----------

sub Donkerrood {
$page->setrgbcolor( 0.8667,0,0);
#$page->setrgbcolor( 1,0,0);
}

----------

En de kleurverdeling aangepast in:

----------

sub Kleur {
#
# kleur keuze op basis van score
#
my $v=$_[0];
if ($v<0.1) {
$page->setrgbcolor( 0.8,0.8,0.8);
} else {
if ($v<3) { &Donkerrood(); }
if (($v>=3) && ($v<5)) { &Rood(); }
if (($v>=5) && ($v<6)) { &Oranje(); }
if (($v>=6) && ($v<8)) { &Lichtgroen(); }
if ($v>=8) { &Groen(); }

----------

Alleen is de code '0.8667,0,0' van de reeds aanwezige rode kleur en liggen de getallen tussen de 0 en de 1. Nu wil ik daar dus de code van de nieuwe, donkerrode kleur invoegen en dat moet de kleur zijn met rgb-code '139,0,0' (hex-waarde: #8b0000). Maar die code begint met een getal groter dan 1.

Nu is mijn vraag hoe ik die RGB-kleurcode in een vorm giet zodat die overeenkomt met de andere kleurcodes.

[Caelorum]

139/255 invullen? Dus 0.545?

[vleppyniles]

Zou het zo simpel zijn? En klopt het dat de gespecificeerde code dan goed is?

Ik las op Google ook iets over HSL-waardes. RGB-kleur 139,0,0 zou de HSL-waarde hebben van 0.00, 1.00, 0.27.

[ThunderNet]

vleppyniles schreef op woensdag 03 juni 2015 @ 11:16:
Zou het zo simpel zijn? En klopt het dat de gespecificeerde code dan goed is?

Ik las op Google ook iets over HSL-waardes. RGB-kleur 139,0,0 zou de HSL-waarde hebben van 0.00, 1.00, 0.27.

ja zo simpel is het, kijk maar naar de kleuren zwart en wit

[n8n]

Hou je wel rekening met kleurenblinden

[NMe]

vleppyniles schreef op woensdag 03 juni 2015 @ 11:16:
Zou het zo simpel zijn? En klopt het dat de gespecificeerde code dan goed is?

Dat is toch een kwestie van even proberen? Daar heb je toch geen topic voor nodig?

[vleppyniles]

Thanks, allemaal; het was inderdaad zo simpel. Ik heb ook nog even nagedacht over het simpelweg testen, maar ik weet niet in hoeverre een website kan vastlopen als je kleurcodes opgeeft die niet worden herkend. Daarom even voor de zekerheid voorgelegd aan de kenners.NMe, dank dat je het topic hebt open gelaten.

[ Voor 5% gewijzigd door vleppyniles op 04-06-2015 09:56 ]

[Caelorum]

Websites lopen niet vast, browsers doen dat. Daarnaast zal geen enkele browser je hele site verneuken als je een ongeldige waarde opgeeft. Hooguit uit als je syntax niet klopt en zelfs dan gaat de browser vaak wel redelijk verder.

Oh, en ik neem aan dat je lokaal test? ^^

[ Voor 8% gewijzigd door Caelorum op 04-06-2015 10:44 ]

[Freee!!]

Caelorum schreef op donderdag 04 juni 2015 @ 10:43:
[...]
Oh, en ik neem aan dat je lokaal test? ^^

Gevaarlijk, zo'n aanname

[_Thanatos_]

Van syntactisch incorrecte CSS kunnen er uiteraard dingen kapot gaan. Maar wat betreft niet-herkende kleurwaardes hoef je je geen zorgen te maken. Of het wordt de verkeerde kleur, of het wordt genegeerd.