[Javascript] Hex kleuren berekenen

[Kayshin]

Voor een site waar ik mee bezig ben ben ik een menu aan het maken in een tabel.

Voor dit menu wil ik gebruik maken van een mouseover achtergrond wisseling.

De bedoeling is dat er in een soort van CMS een kleur aangegeven kan worden en dat hij dan zelf uitrekent wat de lichtere (of donkerdere) variant hiervan is.

Als je dan met de muis over een, zeg, donkerblauwe knop gaat, dat hij dan zelf uitrekent wat de, iets, lichtere variant hiervan is.

Omdat de kleuren in principe RGB zijn weet ik nu niet hoe ik een lichtere kleur maak van een bepaalde HEX waarde.

Bij CMYK is dit eenvoudig, dat is gewoon de zwartwaarde aanpassen, maar hoe fiks ik dit in RGB?

[nIghtorius]

neem bijvoorbeeld het kleur #808080 (R:128, G:128, B:128)

lichtere variant is: #A0A0A0 (offset +32)
donkere variant is: #606060 (offset -32)

berekening is heel simpel:

je haalt voor elke component even veel eraf en alles wat onder de 0 komt cap je op de 0 (hetzelfde geld ook als een component boven de 255 komt.. cappen op 255 dus)

dus: #1440C0


donkere variant is dus (-32)
#(14)=20 -> (20-32=-12) word dus uiteindelijk 0
#(40)=64 -> (64-32=32)
#(C0)=192 -> (192-32=160)

dus 0, 32, 160 => #0020A0


leuke feat:
kleur #8090D0 -> #000000

#8090D0

#6070B0

#405090

#203070

#001050

#000030

#000010

#000000

nog een leuke feat:
kleur #8090D0 -> #FFFFFF

#8090D0

#A0B0F0

#C0D0FF

#E0F0FF

#FFFFFF

[ Voor 148% gewijzigd door nIghtorius op 18-04-2005 22:24 ]

[SuperRembo]

Je kan ook rgb naar cmyk omrekenen, aanpassen, en weer terug rekenen. Hoe je moet omrekenen staat bij Wikipedia: CMYK color model.