JavaScript
Run Code
Open in Fiddle
var yellowGreenColor = Ext.draw.Color.fromHSL(79.74, 0.61, .5), lighterGreen = yellowGreenColor.createLighter( .15 ), darkerGreen = yellowGreenColor.createDarker( .23 ); Ext.getBody().appendChild({ tag : 'div', html : 'toString(): ' + lighterGreen.toString(), style : 'padding:15px;height:100px;display:inline-block;border:solid 1px;margin:10px;background-color:' + lighterGreen.toString() }); Ext.getBody().appendChild({ tag : 'div', html : 'toString(): ' + yellowGreenColor.toString(), style : 'padding:15px;height:100px;display:inline-block;border:solid 1px;margin:10px;background-color:' + yellowGreenColor.toString() }); Ext.getBody().appendChild({ tag : 'div', html : 'toString(): ' + darkerGreen.toString(), style : 'padding:15px;height:100px;display:inline-block;border:solid 1px;margin:10px;background-color:' + darkerGreen.toString() });