Главная » Языки программирования

Light green color css

На чтение 10 мин
Содержание
  1. CSS Colors
  2. RGBA Colors
  3. Example
  4. HSL Colors
  5. Example
  6. HSLA Colors
  7. Example
  8. Opacity
  9. Lightgreen / Light green / #90ee90 Hex Color Code
  10. Color Variations
  11. Related Named Colors
  12. Closely Related
  13. Intermediately Related
  14. Distantly Related
  15. Color Schemes
  16. Complement
  17. Analogous
  18. Split
  19. Triad
  20. Square
  21. Tetradic
  22. #90ee90 linear gradient to complementary #ff7fff
  23. Monochromatic Colors
  24. Tones
  25. Tints and Shades
  26. #90ee90 to white
  27. #90ee90 to black
  28. Paints
  29. Similar Paints
  30. Natural Color System / NCS
  31. Toyo Ink
  32. Caparol
  33. Color Blindness Simulation
  34. Monochromacy
  35. Dichromacy
  36. Trichromacy
  37. #90ee90 HTML / CSS Code Examples
  38. #90ee90 foreground
  39. #90ee90 background
  40. #90ee90 shadow
  41. Color Charts
  42. RGB
  43. CMYK
  44. RYB
  45. Color Space Conversions
  46. CSS Legal Color Values
  47. Hexadecimal Colors
  48. Example
  49. Hexadecimal Colors With Transparency
  50. Example
  51. RGB Colors
  52. Example
  53. RGBA Colors
  54. Example
  55. HSL Colors
  56. Example
  57. HSLA Colors
  58. Example
  59. Predefined/Cross-browser Color Names
  60. Example
  61. The currentcolor Keyword
  62. Example
  63. HTML color code for #90EE90
  64. Example text color using #90EE90
  65. HTML using color code example
  66. HTML using W3C color name example
  67. CSS code example
  68. Lighter colors
  69. Darker colors
  70. Analogous colors
  71. Trinary colors
  72. Other colors containing «green»

CSS Colors

CSS supports 140+ color names, HEX values, RGB values, RGBA values, HSL values, HSLA values, and opacity.

RGBA Colors

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

An RGBA color value is specified with: rgba(red, green, blue, alpha). The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

The following example defines different RGBA colors:

Example

HSL Colors

HSL stands for Hue, Saturation and Lightness.

An HSL color value is specified with: hsl(hue, saturation, lightness).

  1. Hue is a degree on the color wheel (from 0 to 360):
    • 0 (or 360) is red
    • 120 is green
    • 240 is blue
  2. Saturation is a percentage value: 100% is the full color.
  3. Lightness is also a percentage; 0% is dark (black) and 100% is white.

The following example defines different HSL colors:

Example

HSLA Colors

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

An HSLA color value is specified with: hsla(hue, saturation, lightness, alpha), where the alpha parameter defines the opacity. The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

The following example defines different HSLA colors:

Example

Opacity

The CSS opacity property sets the opacity for the whole element (both background color and text will be opaque/transparent).

The opacity property value must be a number between 0.0 (fully transparent) and 1.0 (fully opaque).

Notice that the text above will also be transparent/opaque!

The following example shows different elements with opacity:

Источник

Lightgreen / Light green / #90ee90 Hex Color Code

The color lightgreen / Light green with hexadecimal color code #90ee90 is a medium light shade of green. In the RGB color model #90ee90 is comprised of 56.47% red, 93.33% green and 56.47% blue. In the HSL color space #90ee90 has a hue of 120° (degrees), 73% saturation and 75% lightness. This color has an approximate wavelength of 549.13 nm.

Читайте также:  Html код для мониторинга

Color Variations

Color Schemes

Complement

Analogous

Split

Triad

Square

Tetradic

#90ee90 linear gradient to complementary #ff7fff

Monochromatic Colors

Tones

Tints and Shades

#90ee90 to white

#90ee90 to black

Paints

Similar Paints

Natural Color System / NCS

Toyo Ink

Caparol

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#90ee90 HTML / CSS Code Examples

#90ee90 foreground

I paint for myself. I don’t know how to do anything else, anyway. Also I have to earn my living, and occupy myself.

Francis Bacon

#90ee90 background

I want to touch people with my art. I want them to say ‘he feels deeply, he feels tenderly.’.

Vincent Van Gogh

#90ee90 shadow

The object of art is not to reproduce reality, but to create a reality of the same intensity.

Alberto Giacometti

Color Charts

RGB

CMYK

RYB

Color Space Conversions

Decimal 9498256 Binary 10010000, 11101110, 10010000 Hexadecimal #90ee90 LRV ≈ 69.1% Closest short hex #8e8 ΔE = 1.332 RGB rgb(144, 238, 144) RGBA rgba(144, 238, 144, 1.0) rg chromaticity r: 0.274, g: 0.452, b: 0.274 RYB red: 56.471%, yellow: 93.333%, blue: 93.333% Android / android.graphics.Color -7278960 / 0xff90ee90 HSL hsl(120, 73%, 75%) HSLA hsla(120, 73%, 75%, 1.0) HSV / HSB hue: 120° (120.000), saturation: 39% (0.395), value: 93% (0.933) HSP hue: 120.000, saturation: 39.496%, perceived brightness: 80.190% HSLuv (HUSL) H: 127.724, S: 55.167, L: 86.548 Cubehelix H: -250.041, S: 1.006, L: 0.782 TSL T: -0.478, S: 0.179, L: 0.781 CMYK cyan: 39% (0.395), magenta: 0% (0.000), yellow: 39% (0.395), key: 7% (0.067) CMY cyan: 44% (0.435), magenta: 7% (0.067), yellow: 44% (0.435) XYZ X: 47.108, Y: 69.089, Z: 37.233 xyY x: 0.307, y: 0.450, Y: 69.089 CIELab L: 86.548, a: -46.328, b: 36.949 CIELuv L: 86.548, u: -45.203, v: 58.436 CIELCH / LCHab L: 86.548, C: 59.258, H: 141.426 CIELUV / LCHuv L: 86.548, C: 73.878, H: 127.724 Hunter-Lab L: 83.120, a: -44.296, b: 31.625 CIECAM02 J: 79.908, C: 52.624, h: 141.336, Q: 176.118, M: 46.019, s: 51.117, H: 176.193 OSA-UCS lightness: -9.832, jaune: 5.781, green: 6.593 LMS L: 58.155, M: 84.361, S: 37.696 YCbCr Y: 187.072, Cb: 100.646, Cr: 93.408 YCoCg Y: 191.000, Cg: 47.000, Co: 36.000 YDbDr Y: 199.178, Db: -83.002, Dr: 104.904 YPbPr Y: 211.210, Pb: -36.190, Pr: -42.676 xvYCC Y: 197.392, Cb: 96.210, Cr: 90.512 YIQ Y: 199.178, I: -25.799, Q: -49.124 YUV Y: 199.178, U: -27.151, V: -48.409 Okhsl h: 144.088, s: 0.776, l: 0.846 Okhsv h: 144.088. s: 0.499, v: 0.940 Okhwb h: 144.088, w: 0.471, b: 0.060 Oklab l: 0.868, a: -0.126, b: 0.091 Oklch l: 0.868, c: 0.156, h: 144.088 Munsell Color System 10GY 8/8 ΔE = 6.115 Brand Color Zerply ΔE = 12.027

Источник

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.

Читайте также:  Mongodb with java spring

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:

Источник

HTML color code for #90EE90

Computer Hope

A good complementary color for this color is #ED91ED.

Example text color using #90EE90

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.

Читайте также:  Как вставить в массив элемент python

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)
#008000 Green (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
#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.

Источник

Оцените статью
© 2023 Программирование