Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...


HSL is similar to RGB in that is calculate a color, but HSL components have different meaning. The H component is Hue, which is any of 255 base colors. There is generally no way to interpret what color this component might represent, but you can use MS Paint's Color Palette window to determine the value of a hue you're interested in. Why use HSL then? Because you may want to garauntee guarantee that any color be of a certain darkness or grayness. This is where the other two components come in. The S component is Saturation, or the purity of the color. When saturation is 255, then the hue is at it's purest, while a saturation level of 0 is pure gray. Any value in between is a blend of the hue with a corresponding amount of gray. The final component, L, is Luminance. A value of 255 for luminance results in pure white, while a value of 0 results in pure black. Any value in between results in a brighter or darker version of the color.

To complete the explaination explanation of static colors, here are four ways of setting the Color property to bright blue:

...

As an added convenience, you may specify any standard HTML color name. The currently available colors are listed below:

 

 

Color NameColor
AliceBlue


Background Color
color#F0F8FF

 


AntiqueWhite


Background Color
color#FAEBD7

 


Aqua


Background Color
color#00FFFF

 


Aquamarine


Background Color
color#7FFFD4

 


Azure


Background Color
color#F0FFFF

 


Beige


Background Color
color#F5F5DC

 


Bisque


Background Color
color#FFE4C4

 


Black


Background Color
color#000000

 


BlanchedAlmond


Background Color
color#FFEBCD

 


Blue


Background Color
color#0000FF

 

 


BlueViolet


Background Color
color#8A2BE2

 


Brown


Background Color
color#A52A2A

 


BurlyWood


Background Color
color#DEB887

 


CadetBlue


Background Color
color#5F9EA0

 


Chartreuse


Background Color
color#7FFF00

 


Chocolate


Background Color
color#D2691E

 


Coral


Background Color
color#FF7F50

 


CornflowerBlue


Background Color
 
color
Cornsilk
#6495ED

 


Cornsilk


Background Color
Crimson
 
color
Cyan
#FFF8DC

 


CrimsonDarkBlue


Background Color
 
color
DarkCyan
#DC143C

 


CyanDarkGoldenRod


Background Color
 
color
DarkGray
#00FFFF

 


DarkBlueDarkGrey


Background Color
 
color
DarkGreen
#00008B

 


DarkCyan


Background Color
DarkKhaki
 
color
DarkMagenta
#008B8B

 


DarkGoldenRod


Background Color
DarkOliveGreen
 
color
DarkOrange
#B8860B

 


DarkGrayDarkOrchid


Background Color
 
color
DarkRed
#A9A9A9

 


DarkGrey


Background Color
DarkSalmon
 
color
DarkSeaGreen
#A9A9A9

 


DarkGreenDarkSlateBlue


Background Color
 
color
DarkSlateGray
#006400

 


DarkKhakiDarkSlateGrey


Background Color
 
color
DarkTurquoise
#BDB76B

 


DarkMagentaDarkViolet


Background Color
 
color
DeepPink
#8B008B

 


DarkOliveGreen


Background Color
DeepSkyBlue
 
color
DimGray
#556B2F

 


DarkOrange


Background Color
DimGrey
 
color
DodgerBlue
#FF8C00

 


DarkOrchidFireBrick


Background Color
 
color
FloralWhite
#9932CC

 


DarkRed


Background Color
ForestGreen
 
color
Fuchsia
#8B0000

 


DarkSalmonGainsboro


Background Color
 
color
GhostWhite
#E9967A

 


DarkSeaGreenGold


Background Color
 
color
GoldenRod
#8FBC8F

 


DarkSlateBlueGray


Background Color
 
color
Grey
#483D8B

 


DarkSlateGray


Background Color
Green
 
color
GreenYellow
#2F4F4F

 


DarkSlateGrey


Background Color
HoneyDew
 
color
HotPink
#2F4F4F

 


DarkTurquoiseIndianRed


Background Color
 
color
Indigo
#00CED1

 


DarkViolet


Background Color
Ivory
 
color
Khaki
#9400D3

 


DeepPinkLavender


Background Color
 
color
LavenderBlush
#FF1493

 


DeepSkyBlueLawnGreen


Background Color
 
color
LemonChiffon
#00BFFF

 


DimGrayLightBlue


Background Color
 
color
LightCoral
#696969

 


DimGrey


Background Color
LightCyan
 
color
LightGoldenRodYellow
#696969

 


DodgerBlue


Background Color
LightGray
 
color
LightGrey
#1E90FF

 


FireBrickLightGreen


Background Color
 
color
LightPink
#B22222

 


FloralWhite


Background Color
LightSalmon
 
color
LightSeaGreen
#FFFAF0

 


ForestGreenLightSkyBlue


Background Color
 
color
LightSlateGray
#228B22

 


FuchsiaLightSlateGrey


Background Color
 
color
LightSteelBlue
#FF00FF

 


GainsboroLightYellow


Background Color
 
color
Lime
#DCDCDC

 


GhostWhite


Background Color
LimeGreen
 
color
Linen
#F8F8FF

 


Gold


Background Color
Magenta
 
color
Maroon
#FFD700

 


GoldenRodMediumAquaMarine


Background Color
 
color
MediumBlue
#DAA520

 


Gray


Background Color
MediumOrchid
 
color
MediumPurple
#808080

 


GreyMediumSeaGreen


Background Color
 
color
MediumSlateBlue
#808080

 


GreenMediumSpringGreen


Background Color
 
color
MediumTurquoise
#008000

 


GreenYellowMediumVioletRed


Background Color
 
color
MidnightBlue
#ADFF2F

 


HoneyDew


Background Color
MintCream
 
color
MistyRose
#F0FFF0

 


HotPink


Background Color
Moccasin
 
color
NavajoWhite
#FF69B4

 


IndianRedNavy


Background Color
 
color
OldLace
#CD5C5C

 

Olive 
OliveDrab 
Orange 
OrangeRed 
Orchid 
PaleGoldenRod 
PaleGreen 
PaleTurquoise 
PaleVioletRed 
PapayaWhip 
PeachPuff 
Peru 
Pink 
Plum 
PowderBlue 
Purple 
Red 
RosyBrown 
RoyalBlue 
SaddleBrown 
Salmon 
SandyBrown 
SeaGreen 
SeaShell 
Sienna 
Silver 
SkyBlue 
SlateBlue 
SlateGray 
SlateGrey 
Snow 
SpringGreen 
SteelBlue 
Tan 
Teal 
Thistle 
Tomato 
Turquoise 
Wheat 
White 
Yellow 
WhiteSmoke 


Indigo


Background Color
color#4B0082

 


Ivory


Background Color
color#FFFFF0

 


Khaki


Background Color
color#F0E68C

 


Lavender


Background Color
color#E6E6FA

 


LavenderBlush


Background Color
color#FFF0F5



LawnGreen


Background Color
color#7CFC00

 


LemonChiffon


Background Color
color#FFFACD

 


LightBlue


Background Color
color#ADD8E6

 


LightCoral


Background Color
color#F08080

 


LightCyan


Background Color
color#E0FFFF

 


LightGoldenRodYellow


Background Color
color#FAFAD2

 


LightGray


Background Color
color#D3D3D3
 


LightGrey


Background Color
color#D3D3D3
 


LightGreen


Background Color
color#90EE90
 


LightPink


Background Color
color#FFB6C1
 


LightSalmon


Background Color
color#FFA07A
 


LightSeaGreen


Background Color
color#20B2AA
 


LightSkyBlue


Background Color
color#87CEFA
 


LightSlateGray


Background Color
color#778899
 


LightSlateGrey


Background Color
color#778899
 


LightSteelBlue


Background Color
color#B0C4DE
 


LightYellow


Background Color
color#FFFFE0
 


Lime


Background Color
color#00FF00
 


LimeGreen


Background Color
color#32CD32
 


Linen


Background Color
color#FAF0E6
 


Magenta


Background Color
color#FF00FF
 


Maroon


Background Color
color#800000
 


MediumAquaMarine


Background Color
color#66CDAA;
 


MediumBlue


Background Color
color#0000CD
 


MediumOrchid


Background Color
color#BA55D3
 


MediumPurple


Background Color
color#9370D8
 


MediumSeaGreen


Background Color
color#3CB371
 


MediumSlateBlue


Background Color
color#7B68EE
 


MediumSpringGreen


Background Color
color#00FA9A
 


MediumTurquoise


Background Color
color#48D1CC
 


MediumVioletRed


Background Color
color#C71585
 


MidnightBlue


Background Color
color#191970
 


MintCream


Background Color
color#F5FFFA
 


MistyRose


Background Color
color#FFE4E1
 


Moccasin


Background Color
color#FFE4B5
 


NavajoWhite


Background Color
color#FFDEAD
 


Navy


Background Color
color#000080
 


OldLace


Background Color
color#FDF5E6
 


Olive


Background Color
color#808000
 


OliveDrab


Background Color
color#6B8E23
 


Orange


Background Color
color#FFA500
 


OrangeRed


Background Color
color#FF4500
 


Orchid


Background Color
color#DA70D6
 


PaleGoldenRod


Background Color
color#EEE8AA
 


PaleGreen


Background Color
color#98FB98
 


PaleTurquoise


Background Color
color#AFEEEE
 


PaleVioletRed


Background Color
color#D87093
 


PapayaWhip


Background Color
color#FFEFD5
 


PeachPuff


Background Color
color#FFDAB9
 


Peru


Background Color
color#CD853F
 


Pink


Background Color
color#FFC0CB
 


Plum


Background Color
color#DDA0DD
 


PowderBlue


Background Color
color#B0E0E6
 


Purple


Background Color
color#800080
 


Red


Background Color
color#FF0000
 


RosyBrown


Background Color
color#BC8F8F
 


RoyalBlue


Background Color
color#4169E1
 


SaddleBrown


Background Color
color#8B4513
 


Salmon


Background Color
color#FA8072
 


SandyBrown


Background Color
color#F4A460
 


SeaGreen


Background Color
color#2E8B57
 


SeaShell


Background Color
color#FFF5EE
 


Sienna


Background Color
color#A0522D
 


Silver


Background Color
color#C0C0C0
 


SkyBlue


Background Color
color#87CEEB
 


SlateBlue


Background Color
color#6A5ACD
 


SlateGray


Background Color
color#708090
 


SlateGrey


Background Color
color#708090
 


Snow


Background Color
color#FFFAFA
 


SpringGreen


Background Color
color#00FF7F
 


SteelBlue


Background Color
color#4682B4
 


Tan


Background Color
color#D2B48C
 


Teal


Background Color
color#008080
 


Thistle


Background Color
color#D8BFD8
 


Tomato


Background Color
color#FF6347
 


Turquoise


Background Color
color#40E0D0
 


Wheat


Background Color
color#F5DEB3
 


White


Background Color
color#FFFFFF
 


Yellow


Background Color
color#FFFF00
 


WhiteSmoke


Background Color
color#F5F5F5
 


YellowGreen


Background Color
color#9ACD32
YellowGreen
 


Color Modifiers

System and HTML colors are great for basic look and feel, but you may want to only use these predefined colors as a base while still having the flexibility to achieve the look and feel you desire without sacrificing conformity to these colors. For instance, you may want to use the system highlight color for selected cells in the SRP OLE EditTable, but you may also want it to always be light enough to display black text in front of it. Color modifiers provide the means to achieve this and other effects. The color modifier format is:

...