Html css green color

CSS Legal Color Values

Colors in CSS can be specified by the following methods:

• Hexadecimal colors
• Hexadecimal colors with transparency
• RGB colors
• RGBA colors
• HSL colors
• HSLA colors
• Predefined/Cross-browser color names
• With the currentcolor keyword

Hexadecimal Colors

A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. All values must be between 00 and FF.

For example, the #0000ff value is rendered as blue, because the blue component is set to its highest value (ff) and the others are set to 00.

Example

Define different HEX colors:

Hexadecimal Colors With Transparency

A hexadecimal color is specified with: #RRGGBB. To add transparency, add two additional digits between 00 and FF.

Example

Define different HEX colors with transparency:

RGB Colors

An RGB color value is specified with the rgb() function, which has the following syntax:

Each parameter (red, green, and blue) defines the intensity of the color and can be an integer between 0 and 255 or a percentage value (from 0% to 100%).

For example, the rgb(0,0,255) value is rendered as blue, because the blue parameter is set to its highest value (255) and the others are set to 0.

Also, the following values define equal color: rgb(0,0,255) and rgb(0%,0%,100%).

Example

Define different RGB colors:

RGBA Colors

RGBA color values are an extension of RGB color values with an alpha channel — which specifies the opacity of the object.

An RGBA color is specified with the rgba() function, which has the following syntax:

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

Example

Define different RGB colors with opacity:

HSL Colors

HSL stands for hue, saturation, and lightness — and represents a cylindrical-coordinate representation of colors.

An HSL color value is specified with the hsl() function, which has the following syntax:

hsl(hue, saturation, lightness)

Hue is a degree on the color wheel (from 0 to 360) — 0 (or 360) is red, 120 is green, 240 is blue. Saturation is a percentage value; 0% means a shade of gray and 100% is the full color. Lightness is also a percentage; 0% is black, 100% is white.

Example

Define different HSL colors:

HSLA Colors

HSLA color values are an extension of HSL color values with an alpha channel — which specifies the opacity of the object.

An HSLA color value is specified with the hsla() function, which has the following syntax:

hsla(hue, saturation, lightness, alpha)

The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

Example

Define different HSL colors with opacity:

Predefined/Cross-browser Color Names

140 color names are predefined in the HTML and CSS color specification.

For example: blue , red , coral , brown , etc:

Example

Define different color names:

A list of all predefined names can be found in our Color Names Reference.

The currentcolor Keyword

The currentcolor keyword refers to the value of the color property of an element.

Example

The border color of the following element will be blue, because the text color of the element is blue:

Источник

CSS color codes

For all elements of the same type. Put code in tag in the head section:

Example

Setting paragraph text color to red:

Setting color of specific paragraph:

Setting color of all paragraphs

Setting element background color

Example

Setting paragraph background color to red:

Setting background color of specific paragraph:

Setting background color of all paragraphs:

Setting element border color

element < border-color: topcode rightcode bottomcode leftcode >

Example

Setting paragraph border color to red, green, blue and black:

Setting border color of specific paragraph:

Setting border color of all paragraphs:

Red colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
lightsalmon	#FFA07A	rgb(255,160,122)
salmon	#FA8072	rgb(250,128,114)
darksalmon	#E9967A	rgb(233,150,122)
lightcoral	#F08080	rgb(240,128,128)
indianred	#CD5C5C	rgb(205,92,92)
crimson	#DC143C	rgb(220,20,60)
firebrick	#B22222	rgb(178,34,34)
red	#FF0000	rgb(255,0,0)
darkred	#8B0000	rgb(139,0,0)

Orange colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
coral	#FF7F50	rgb(255,127,80)
tomato	#FF6347	rgb(255,99,71)
orangered	#FF4500	rgb(255,69,0)
gold	#FFD700	rgb(255,215,0)
orange	#FFA500	rgb(255,165,0)
darkorange	#FF8C00	rgb(255,140,0)

Yellow colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
lightyellow	#FFFFE0	rgb(255,255,224)
lemonchiffon	#FFFACD	rgb(255,250,205)
lightgoldenrodyellow	#FAFAD2	rgb(250,250,210)
papayawhip	#FFEFD5	rgb(255,239,213)
moccasin	#FFE4B5	rgb(255,228,181)
peachpuff	#FFDAB9	rgb(255,218,185)
palegoldenrod	#EEE8AA	rgb(238,232,170)
khaki	#F0E68C	rgb(240,230,140)
darkkhaki	#BDB76B	rgb(189,183,107)
yellow	#FFFF00	rgb(255,255,0)

Green colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
lawngreen	#7CFC00	rgb(124,252,0)
chartreuse	#7FFF00	rgb(127,255,0)
limegreen	#32CD32	rgb(50,205,50)
lime	#00FF00	rgb(0.255.0)
forestgreen	#228B22	rgb(34,139,34)
green	#008000	rgb(0,128,0)
darkgreen	#006400	rgb(0,100,0)
greenyellow	#ADFF2F	rgb(173,255,47)
yellowgreen	#9ACD32	rgb(154,205,50)
springgreen	#00FF7F	rgb(0,255,127)
mediumspringgreen	#00FA9A	rgb(0,250,154)
lightgreen	#90EE90	rgb(144,238,144)
palegreen	#98FB98	rgb(152,251,152)
darkseagreen	#8FBC8F	rgb(143,188,143)
mediumseagreen	#3CB371	rgb(60,179,113)
seagreen	#2E8B57	rgb(46,139,87)
olive	#808000	rgb(128,128,0)
darkolivegreen	#556B2F	rgb(85,107,47)
olivedrab	#6B8E23	rgb(107,142,35)

Cyan colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
lightcyan	#E0FFFF	rgb(224,255,255)
cyan	#00FFFF	rgb(0,255,255)
aqua	#00FFFF	rgb(0,255,255)
aquamarine	#7FFFD4	rgb(127,255,212)
mediumaquamarine	#66CDAA	rgb(102,205,170)
paleturquoise	#AFEEEE	rgb(175,238,238)
turquoise	#40E0D0	rgb(64,224,208)
mediumturquoise	#48D1CC	rgb(72,209,204)
darkturquoise	#00CED1	rgb(0,206,209)
lightseagreen	#20B2AA	rgb(32,178,170)
cadetblue	#5F9EA0	rgb(95,158,160)
darkcyan	#008B8B	rgb(0,139,139)
teal	#008080	rgb(0,128,128)

Blue colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
powderblue	#B0E0E6	rgb(176,224,230)
lightblue	#ADD8E6	rgb(173,216,230)
lightskyblue	#87CEFA	rgb(135,206,250)
skyblue	#87CEEB	rgb(135,206,235)
deepskyblue	#00BFFF	rgb(0,191,255)
lightsteelblue	#B0C4DE	rgb(176,196,222)
dodgerblue	#1E90FF	rgb(30,144,255)
cornflowerblue	#6495ED	rgb(100,149,237)
steelblue	#4682B4	rgb(70,130,180)
royalblue	#4169E1	rgb(65,105,225)
blue	#0000FF	rgb(0,0,255)
mediumblue	#0000CD	rgb(0,0,205)
darkblue	#00008B	rgb(0,0,139)
navy	#000080	rgb(0,0,128)
midnightblue	#191970	rgb(25,25,112)
mediumslateblue	#7B68EE	rgb(123,104,238)
slateblue	#6A5ACD	rgb(106,90,205)
darkslateblue	#483D8B	rgb(72,61,139)

Purple colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
lavender	#E6E6FA	rgb(230,230,250)
thistle	#D8BFD8	rgb(216,191,216)
plum	#DDA0DD	rgb(221,160,221)
violet	#EE82EE	rgb(238,130,238)
orchid	#DA70D6	rgb(218,112,214)
fuchsia	#FF00FF	rgb(255,0,255)
magenta	#FF00FF	rgb(255,0,255)
mediumorchid	#BA55D3	rgb(186,85,211)
mediumpurple	#9370DB	rgb(147,112,219)
blueviolet	#8A2BE2	rgb(138,43,226)
darkviolet	#9400D3	rgb(148,0,211)
darkorchid	#9932CC	rgb(153,50,204)
darkmagenta	#8B008B	rgb(139,0,139)
purple	#800080	rgb(128,0,128)
indigo	#4B0082	rgb(75,0,130)

Pink colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
pink	#FFC0CB	rgb(255,192,203)
lightpink	#FFB6C1	rgb(255,182,193)
hotpink	#FF69B4	rgb(255,105,180)
deeppink	#FF1493	rgb(255,20,147)
palevioletred	#DB7093	rgb(219,112,147)
mediumvioletred	#C71585	rgb(199,21,133)

White colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
white	#FFFFFF	rgb(255,255,255)
snow	#FFFAFA	rgb(255,250,250)
honeydew	#F0FFF0	rgb(240,255,240)
mintcream	#F5FFFA	rgb(245,255,250)
azure	#F0FFFF	rgb(240,255,255)
aliceblue	#F0F8FF	rgb(240,248,255)
ghostwhite	#F8F8FF	rgb(248,248,255)
whitesmoke	#F5F5F5	rgb(245,245,245)
seashell	#FFF5EE	rgb(255,245,238)
beige	#F5F5DC	rgb(245,245,220)
oldlace	#FDF5E6	rgb(253,245,230)
floralwhite	#FFFAF0	rgb(255,250,240)
ivory	#FFFFF0	rgb(255,255,240)
antiquewhite	#FAEBD7	rgb(250,235,215)
linen	#FAF0E6	rgb(250,240,230)
lavenderblush	#FFF0F5	rgb(255,240,245)
mistyrose	#FFE4E1	rgb(255,228,225)

Gray colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
gainsboro	#DCDCDC	rgb(220,220,220)
lightgray	#D3D3D3	rgb(211,211,211)
silver	#C0C0C0	rgb(192,192,192)
darkgray	#A9A9A9	rgb(169,169,169)
gray	#808080	rgb(128,128,128)
dimgray	#696969	rgb(105,105,105)
lightslategray	#778899	rgb(119,136,153)
slategray	#708090	rgb(112,128,144)
darkslategray	#2F4F4F	rgb(47,79,79)
black	#000000	rgb(0,0,0)

Brown colors

Color	HTML / CSS Color Name	Hex Code #RRGGBB	Decimal Code (R,G,B)
cornsilk	#FFF8DC	rgb(255,248,220)
blanchedalmond	#FFEBCD	rgb(255,235,205)
bisque	#FFE4C4	rgb(255,228,196)
navajowhite	#FFDEAD	rgb(255,222,173)
wheat	#F5DEB3	rgb(245,222,179)
burlywood	#DEB887	rgb(222,184,135)
tan	#D2B48C	rgb(210,180,140)
rosybrown	#BC8F8F	rgb(188,143,143)
sandybrown	#F4A460	rgb(244,164,96)
goldenrod	#DAA520	rgb(218,165,32)
peru	#CD853F	rgb(205,133,63)
chocolate	#D2691E	rgb(210,105,30)
saddlebrown	#8B4513	rgb(139,69,19)
sienna	#A0522D	rgb(160,82,45)
brown	#A52A2A	rgb(165,42,42)
maroon	#800000	rgb(128,0,0)

See also

Источник

HTML color code for #008000

A good complementary color for this color is #800080.

Example text color using #008000

This text is placeholder text to give you an idea of how this color looks when used as a font color on a white background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

This text is placeholder text to give you an idea of how this color looks when used as a font color on a black background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.

HTML using color code example

HTML using W3C color name example

CSS code example

Lighter colors

Darker colors

Analogous colors

Trinary colors

Other colors containing «green»

The following table is a list of other colors containing the keyword «green» in the color name. This table can give you other ideas for shades of green.

Code	Color
#7BCCB5	Blue Green
#43BFC7	Macaw Blue Green
#20B2AA	LightSeaGreen (W3C)
#3EA99F	Seafoam Green
#00827F	Teal Green
#3C565B	Blue Moss Green
#4C787E	Beetle Green
#307D7E	Greenish Blue
#438D80	Sea Turtle Green
#4E8975	Dull-Sea Green
#1F6357	Dark Green Blue
#306754	Deep-Sea Green
#006A4E	Bottle Green
#2E8B57	SeaGreen (W3C)
#1B8A6B	Elf Green
#34A56F	Earth Green
#1AA260	Chrome Green
#3CB371	MediumSeaGreen (W3C)
#7C9D8E	Metallic Green
#78866B	Camouflage Green
#848B79	Sage Green
#617C58	Hazel Green
#728C00	Venom Green
#556B2F	DarkOliveGreen (W3C)
#4E5B31	Military Green
#3A5F0B	Green Leaves
#4B5320	Army Green
#667C26	Fern Green
#4E9258	Fall Forest Green
#08A04B	Irish Green
#387C44	Pine Green
#347235	Medium Forest Green
#347C2C	Jungle Green
#227442	Cactus Green
#228B22	ForestGreen (W3C)
#006400	DarkGreen (W3C)
#056608	Deep Green
#046307	Deep Emerald Green
#355E3B	Hunter Green
#254117	Dark Forest Green
#004225	Lotus Green
#437C17	Seaweed Green
#347C17	Shamrock Green
#6AA121	Green Onion
#8A9A5B	Moss Green
#3F9B0B	Grass Green
#4AA02C	Green Pepper
#41A317	Dark Lime Green
#12AD2B	Parrot Green
#3EA055	Clover Green
#73A16C	Dinosaur Green
#6CBB3C	Green Snake
#6CC417	Alien Green
#4CC417	Green Apple
#32CD32	LimeGreen (W3C)
#52D017	Pea Green
#4CC552	Kelly Green
#54C571	Zombie Green
#89C35C	Green Peas
#85BB65	Dollar Bill Green
#99C68E	Frog Green
#A0D6B4	Turquoise Green
#8FBC8F	DarkSeaGreen (W3C)
#829F82	Basil Green
#A2AD9C	Gray Green
#B8BC86	Light Olive Green
#9CB071	Iguana Green
#8FB31D	Citron Green
#B0BF1A	Acid Green
#B2C248	Avocado Green
#9DC209	Pistachio Green
#A1C935	Salad Green
#9ACD32	YellowGreen (W3C)
#77DD77	Pastel Green
#7FE817	Hummingbird Green
#59E817	Nebula Green
#57E964	Stoplight Go Green
#16F529	Neon Green
#5EFB6E	Jade Green
#36F57F	Lime Mint Green
#00FF7F	SpringGreen (W3C)
#00FA9A	MediumSpringGreen (W3C)
#5FFB17	Emerald Green
#7CFC00	LawnGreen (W3C)
#66FF00	Bright Green
#87F717	Yellow Lawn Green
#98F516	Aloe Vera Green
#B1FB17	Dull Green Yellow
#ADF802	Lemon Green
#ADFF2F	GreenYellow (W3C)
#BDF516	Chameleon Green
#DAEE01	Neon Yellow Green
#E2F516	Yellow Green Grosbeak
#CCFB5D	Tea Green
#BCE954	Slime Green
#64E986	Algae Green
#90EE90	LightGreen (W3C)
#6AFB92	Dragon Green
#98FB98	PaleGreen (W3C)
#98FF98	Mint Green
#B5EAAA	Green Thumb
#C2E5D3	Light Mint Green
#DBF9DB	Light Rose Green
#BAB86C	Olive Green
#8A865D	Khaki Green

Enter any HTML color code into our search to get results like this page.

Источник