List of web colors/Green

<div style="padding:0 6em; color:white; background: red; background: -webkit-linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white); background: -o-linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white); background: -moz-linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white); background: linear-gradient(left, black, purple, blue, cyan, green, lime, yellow, orange, red, brown, beige, white);">     Green      #00ff00

Introduction In the RGB color model, hex triplet #00ff00 has decimal index of: 65280, is composed of 0% red, 100% green and 0% blue. #00ff00 in CMYK color model, is composed of 100% cyan, 0% magenta, 100% yellow and 0% black. #00ff00 is a web-safe color.

Copy/pasting for #00ff00  Hexadecimal code: #00ff00  Uppercase hexadecimal code: #00ff00  Short hexadecimal code: #0f0  RGB: rgb(0,255,0)  RGB percentage: rgb(100%,0%,0%)  HSL percentage: hsl(120%,100%,50%)  

Details The hexadecimal triplet #00ff00 definition is: Red = 0, Green = 1, Blue = 0 or CMYK: Cyan = 0, Magenta = 0, Yellow = 0, Black = 0  RGB: 0, 255, 0</li> RGB percent: 0%, 100%, 0%</li> RGB binary: 0, 11111111, 0</li> CMYK: 1, 0, 1, 0</li> CMYK percent: 100%, 0%, 100%, 0%</li> CMY: 1, 0, 1</li> HSL: 120°, 1, 0.5</li> HSL percent: 120°, 100%, 50%</li> HSV: 120°, 1, 1</li> HSV percent: 120°, 100%, 100%</li> XYZ: 35.758, 71.516, 11.919</li> xyY: 0.3, 0.6, 71.516</li> CIELAB: 87.735, -86.183, 83.18</li> CIELUV: 87.735, -83.078, 107.399</li> CIELCH: 87.735, 119.776, 136.016</li> Hunter Lab: 84.567, -72.516, 50.84</li> <li>YIQ (NTSC): 149.685, -70.352, -133.22</li> <li>Decimal value: 65280</li> <li>Web-safe color: already a web-safe color</li> <li>Name: Electric Green, Green, Lime (web)</li> </ul>

Color schemes In color theory, a color scheme is the choice of colors used in design.
 * COMPLEMENTARY
 * 1) 00ff00
 * 2) ff00ff


 * SPLIT-COMPLEMENTARY
 * 1) 8000ff
 * 2) 00ff00
 * 3) ff0080


 * TRIADIC
 * 1) ff0000
 * 2) 00ff00
 * 3) 0000ff


 * CLASH
 * 1) ff8000
 * 2) 00ff00
 * 3) 0080ff


 * TETRADIC (RECTANGLE)
 * 1) ff0000
 * 2) 00ff00
 * 3) 00ffff
 * 4) ff00ff


 * FIVE-TONE
 * 1) ff1500
 * 2) aa00ff
 * 3) 00ff00
 * 4) 0015ff
 * 5) ff0095
 * 1) ff0000#ff5500#ffaa00#ffff00#aaff00#55ff00#00ff00#00ff55#00ffaa#00ffff#00aaff#0055ff#0000ff#5500ff

Analogous colors They are colors that are next to each other on the color wheel. Analogous colors tend to look pleasant together, because they are closely related.


 * 1) ff0055
 * 2) ff0000
 * 3) ff5500
 * 4) ffaa00
 * 5) ffff00
 * 6) aaff00
 * 7) 55ff00
 * 8) 00ff00
 * 1) 00ff55
 * 2) 00ffaa
 * 3) 0000ff
 * 4) 00aaff
 * 5) 0055ff
 * 6) 0000ff
 * 7) 5500ff

Monochromatic Shades are created by decreasing luminance in HSL color model, and tints by increasing it. The next step for shades is #00ff00 and for tints is #fff.


 * SHADES
 * 1) 00df00
 * 2) 00bf00
 * 3) 009f00
 * 4) 008000
 * 5) 006000
 * 6) 004000
 * 7) 002000


 * TINTS
 * 1) 20ff20
 * 2) 40ff40
 * 3) 60ff60
 * 4) 80ff80
 * 5) 9fff9f
 * 6) bfffbf
 * 7) dfffdf

HTML/CSS color usage Sample HTML/CSS paragraph codes using #00ff00 color.

<p style="background-color: #00ff00">Background color of this paragraph is #00ff00 <p style="background-color: #00ff00">Background color of this paragraph is #00ff00
 * BACKGROUND COLOR

<p style="border: 1px solid #00ff00">Border color of this paragraph is #00ff00 <p style="border: 1px solid #00ff00">Border color of this paragraph is #00ff00
 * BORDER COLOR

<p style="color: #00ff00">Text color of this paragraph is #00ff00 <p style="color: #00ff00">Text color of this paragraph is #00ff00
 * TEXT COLOR