Less.js: рдЕрд╕реНрдкрд╖реНрдЯрддрд╛ рдХреЗ рд╕рд╛рде рд╣реЗрдХреНрд╕ рд░рдВрдЧ рдЙрд▓рдЭ рдЬрд╛рддреЗ рд╣реИрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 17 рдЬреБрд▓ре░ 2018  ┬╖  14рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: less/less.js

рдХрдо@3.7.1 рдкрд░ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛,

рдкреГрд╖реНрдарднреВрдорд┐-рд░рдВрдЧ: #55555599; --> #55555599 99; (рдорд╛рдиреНрдп рдирд╣реАрдВ рд╣реИ)
рдкреГрд╖реНрдарднреВрдорд┐-рд░рдВрдЧ: #5559; -> #5559 9; (рдорд╛рдиреНрдп рдирд╣реАрдВ рд╣реИ)

bug medium priority

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВрдиреЗ color() рдлрд╝рдВрдХреНрд╢рди рдХреЛ #RRGGBBAA рдХреЛ рдкрд╣рдЪрд╛рдирдиреЗ рдХреЗ рд╕рд╛рде-рд╕рд╛рде рд░рдВрдЧреЛрдВ рдХреЛ рд╕рдорд╛рди рд░рдВрдЧ рд╕реНрдерд╛рди рдореЗрдВ рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИред рдЕрддреАрдд рдореЗрдВ, рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдВрдЧрддрддрд╛ рдХреЗ рд▓рд┐рдП рд╕рдм рдХреБрдЫ рдпрд╛ рддреЛ рд╕рд╛рдзрд╛рд░рдг рд╣реЗрдХреНрд╕ (рдпрджрд┐ рдЕрд▓реНрдлрд╛ = 1) рдпрд╛ rgba() рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рд╣реЛ рдЧрдпрд╛ рдерд╛ред рдЕрдм, рд╣рдо рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЧрдП рд░рдВрдЧ рдорд╛рдиреЛрдВ рдХреЛ рд╕рдВрд░рдХреНрд╖рд┐рдд рдХрд░рдХреЗ рдХрдо рдФрд░ рд╕реБрд╕рдВрдЧрдд рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВред рд╣реЗрдХреНрд╕ рд░рдВрдЧ рдФрд░ рдХреАрд╡рд░реНрдб рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЖрдЙрдЯрдкреБрдЯ рдереЗ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкреАрдЖрд░ рдХреЗ рд╕рд╛рде, рдХрдо рдЖрдЙрдЯрдкреБрдЯ hsl() рдФрд░ hsla() рдЬреИрд╕рд╛ рд╣реИ (рдореВрд▓реНрдпреЛрдВ рдХреЛ рдХреНрд▓реИрдВрдк рдХрд░рдиреЗ рдХреЗ рдЕрд▓рд╛рд╡рд╛), рдФрд░ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛтАЛтАЛрдХрд┐ рд░рдВрдЧ рдХреЗ рдмрд╛рдж рд░рдВрдЧ рд╕реНрдерд╛рди рдХреЛ рднреА рд╕рдВрд░рдХреНрд╖рд┐рдд рдХрд░реЗрдВ darken() рдпрд╛ spin() рдЬреИрд╕реЗ рд╕рдВрдЪрд╛рд▓рдиред

рд╕рднреА 14 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдХреНрдпрд╛ рдХрдо рдиреЗ рдкрд╣рд▓реЗ рднреА рд╣реЗрдХреНрд╕ рдЖрд░рдЬреАрдмреАрдП рдиреЛрдЯреЗрд╢рди рдХрд╛ рд╕рдорд░реНрдерди рдХрд┐рдпрд╛ рдерд╛?

@rjgotten рд╕реАрдзреЗ рдирд╣реАрдВ, рдирд╣реАрдВред рд▓реЗрдХрд┐рди рдЗрд╕реЗ рдХреЗрд╡рд▓ рдЕрдкрд░рд┐рдЪрд┐рдд рдореВрд▓реНрдпреЛрдВ рдХреЛ рдЫреЛрдбрд╝рдирд╛ (рд╕рдВрд░рдХреНрд╖рд┐рдд) рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред рд╢рд╛рдпрдж рдпрд╣реА рдкреНрд░рддрд┐рдЧрдорди рд╣реИред

@rjgotten @tapsaman рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдпрд╣ рдПрдХ рдкреНрд░рддрд┐рдЧрдорди рдерд╛, рдЬрд┐рддрдирд╛ рдХрд┐ рдпрд╣ рдЕрднреА рддрдХ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рдерд╛ред рд╣рд╛рд▓рд╛рдВрдХрд┐, рдЗрд╕ рдлреЙрд░реНрдо рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд░рдВрдЧ рдиреЛрдб рдореЗрдВ рдХреЗрд╡рд▓ рдХреБрдЫ рд░реЗрдЧреЗрдХреНрд╕ рдкрд░рд┐рд╡рд░реНрддрди рдФрд░ рдкрд░рд┐рд╡рд░реНрддрди рдереЗред рд╕рддреНрдпрд╛рдкрди рдХреЗ рд▓рд┐рдП рдкреАрдЖрд░ рдореЗрдВ рдкрд░реАрдХреНрд╖рдг рджреЗрдЦреЗрдВ ред

рдПрдХ рдЪреАрдЬ рдЬреЛ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рдЕрдиреБрдХреВрд▓рддрд╛ рдХреЗ рд▓рд┐рдП "рдЕрдорд╛рдиреНрдп" рд░рдВрдЧреЛрдВ рдХреЛ рд╣рдЯрд╛ рджреЗрддреА рд╣реИред рдпрд╣ рддрдм рддрдХ рдирд╣реАрдВ рд╣реИ рдЬрдм рддрдХ рдХрд┐ рдЖрдк рд░рдВрдЧ рд╕рдВрдЪрд╛рд▓рди рдореЗрдВ "рдЕрдорд╛рдиреНрдп" рд░рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ рдХрд┐ рдЗрд╕реЗ рдореВрд▓реНрдпрд╛рдВрдХрди рдХреЗ рд╕рдордп рдПрдХ рддреНрд░реБрдЯрд┐ рдлреЗрдВрдХрдиреА рдЪрд╛рд╣рд┐рдПред рд▓реЗрдХрд┐рди 3.0+ рдореЗрдВ рдХрдо рдЧреБрдгреЛрдВ рдореЗрдВ рдореВрд▓реНрдпреЛрдВ рдХреА рдЕрдзрд┐рдХ рдХреНрд╖рдорд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдЗрд╕реЗ рд╣рдЯрд╛рдирд╛ рдЙрдЪрд┐рдд рдкреНрд░рддреАрдд рд╣реЛрддрд╛ рд╣реИред

рдПрдХ рдмрд╛рдд: рдЕрд╕рдВрдЧрдд рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд▓рд┐рдП #RRGGBBAA рдХреЛ рдХрдо рд░реВрдкрд╛рдВрддрд░рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП? рдЖрдЬ рддрдХ, рдЖрдИрдИ/рдПрдЬ рдХрд╛ рдХреЛрдИ рд╕рдорд░реНрдерди рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреБрдЫ рдЕрдиреНрдп рдмреНрд░рд╛рдЙрдЬрд╝рд░ рднреА рдирд╣реАрдВ рд╣реИрдВред рдорд╛рдЗрдХреНрд░реЛрд╕реЙрдлреНрдЯ рдиреЗ рдХреЛрдИ рд╕рдВрдХреЗрдд рдирд╣реАрдВ рджрд┐рдпрд╛ рд╣реИ рдХрд┐ рд╡реЗ рдЬрд▓реНрдж рд╣реА рдХрд┐рд╕реА рднреА рд╕рдордп рд▓рд╛рдЧреВ рдХрд░реЗрдВрдЧреЗред рд╣рд╛рд▓рд╛рдВрдХрд┐, рдореИрдВрдиреЗ рдЗрд╕реЗ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХрд╛ рдХрд╛рд░рдг рдпрд╣ рд╣реИ рдХрд┐ рд░рдВрдЧ рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдореЗрдВ рдкрд╛рд░реНрд╕рд┐рдВрдЧ рдХреЗ рд╕рд╛рде рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдереАред рдпрд╣ рдкреВрд░реА рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЛ рдкрдХрдбрд╝ рд░рд╣рд╛ рдерд╛ рдФрд░ рд░рдВрдЧ рдореЗрдВ рд╕рд╣реЗрдЬ рд░рд╣рд╛ рдерд╛, рд▓реЗрдХрд┐рди рд░рдВрдЧ 4 рдпрд╛ 8 рд╡рд░реНрдг рд╣реЛрдиреЗ рдкрд░ рдкрд╛рд░реНрд╕рд░ рдХреЛ рдЖрдЧреЗ рдирд╣реАрдВ рдмрдврд╝рд╛ рд░рд╣рд╛ рдерд╛, рдпрд╣реА рдХрд╛рд░рдг рд╣реИ рдХрд┐ рдпрд╣ рдЕрдВрддрд┐рдо рдЕрдВрдХ рджреЛрд╣рд░рд╛ рд░рд╣рд╛ рдерд╛ред

рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ: рдореИрдВрдиреЗ рдЬреЛ рдХрд┐рдпрд╛ рд╡рд╣ рд▓реЗрдЦрдХ рджреНрд╡рд╛рд░рд╛ rgba() рдкреНрд░рд╛рд░реВрдк рдореЗрдВ rgba(#55555599) рдорд╛рдзреНрдпрдо рд╕реЗ рд░реВрдкрд╛рдВрддрд░рдг рдХреА рдЕрдиреБрдорддрд┐ рдереАред

рдпрд╣рд╛рдВ рдЙрди рд╡рд┐рдЪрд╛рд░реЛрдВ рдХреА рдПрдХ рд╕реВрдЪреА рджреА рдЧрдИ рд╣реИ рдЬреЛ рдореИрдВ рдЗрд╕рдХреЗ рд╕рд╛рдкреЗрдХреНрд╖ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

  • рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдорд░реНрдерди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЬрд╛рдЧрд░реВрдХ рд╣реЛрдирд╛ рдХрдо рдХрд╛ рдХрд╛рдо рд╣реИред
  • рдПрдХ рд╕реАрдПрд╕рдПрд╕ рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд╕рд╛рде рдПрдХ рдХрдо рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдЦрддрд░рдирд╛рдХ "рдорд╣рд╕реВрд╕" рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдпрд╣ рдирд╣реАрдВ рдХрд╣ рд╕рдХрддрд╛ рдХрд┐ рдХреНрдпреЛрдВред
  • рд╣рдорд╛рд░реЗ рдкрд╛рд╕ _DO_ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА argb() рдлрд╝рдВрдХреНрд╢рди рд╣реИ рдЬреЛ #AARRGGBB рдЖрдЙрдЯрдкреБрдЯ рдХреЗ рд▓рд┐рдП рд╣реИред
  • рд╣рдорд╛рд░реЗ рдкрд╛рд╕ color() рдлрд╝рдВрдХреНрд╢рди рднреА рд╣реИред рдХреНрдпрд╛ рдпрд╣ #AARRGGBB , #ARGB ?
  • color: #AA334455; рдФрд░ color: #A345; рдорд╛рдиреНрдп (рдпрд╛ рд╕реНрд╡реАрдХрд╛рд░реНрдп) CSS рд╣реИрдВ, рднрд▓реЗ рд╣реА рдРрд╕реЗ рдХрдИ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рди рд╣реЛрдВ рдЬреЛ рдЙрд╕ рд░реВрдк рдХреЛ _рд╕рдордЭрддреЗ рд╣реИрдВред
  • рдореБрдЭреЗ рдЖрд╢реНрдЪрд░реНрдп рд╣реИ рдХрд┐ рдЕрдЧрд░ rbga() рдХрд╛рд╕реНрдЯрд┐рдВрдЧ рдПрдХ рдлрд┐рд╕рд▓рди рдврд▓рд╛рди рд╣реИред rgb() , hsl() , рдФрд░ hsla() рд╕рднреА CSS рдлрд╝рдВрдХреНрд╢рди рднреА рд╣реИрдВред
  • рджреВрд╕рд░реА рдУрд░, рдХрдо рджрд┐рдпрд╛ рдЧрдпрд╛ рд╕реАрдПрд╕рдПрд╕ рдХрд╛ рдПрдХ рд╕реБрдкрд░рд╕реЗрдЯ рд╣реИ, rgba() рдмрд╣реБрдд рдорд╛рдпрдиреЗ рд░рдЦрддрд╛ рд╣реИред

рдЯреАрдПрд▓; рдбреЙ: рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореЗрд░реА рдкрд╣рд▓реА рдкрд╣рд▓реА рдзрд╛рд░рдгрд╛ рдпрд╣ рд╣реИ рдХрд┐ рд╣рдореЗрдВ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдХрд┐ color() рдлрд╝рдВрдХреНрд╢рди 8- рдФрд░ 4-рдЕрдВрдХреАрдп рдПрдЖрд░рдЬреАрдмреА рд╕реНрдЯреНрд░рд┐рдВрдЧреНрд╕ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕рдХрд╛ рдЙрджреНрджреЗрд╢реНрдп рд╡реИрд╕реЗ рднреА рд╣реИред

рдПрдХ рд╕реАрдПрд╕рдПрд╕ рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд╕рд╛рде рдПрдХ рдХрдо рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдЦрддрд░рдирд╛рдХ "рдорд╣рд╕реВрд╕" рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдпрд╣ рдирд╣реАрдВ рдХрд╣ рд╕рдХрддрд╛ рдХрд┐ рдХреНрдпреЛрдВред

рд╡рд╣ рдЬрд╣рд╛рдЬ рд░рд╡рд╛рдирд╛ рд╣реЛ рдЧрдпрд╛ рд╣реИред rgba() рд▓рдВрдмреЗ рд╕рдордп рд╕реЗ рдХрдо рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд░реВрдк рдореЗрдВ рдореМрдЬреВрдж рд╣реИред рд▓реЗрдХрд┐рди рдореБрдЦреНрдп рдХрд╛рд░рдг рдпрд╣ рд╣реИ рдХрд┐ рдЖрдк рд░рдВрдЧреЛрдВ рдХреЛ lighten() рдЬреИрд╕реА рдХрд┐рд╕реА рдЪреАрдЬрд╝ рдореЗрдВ рдкрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдпрд╣реА рд╣реИ, rgba() рдХреЛ рдЖрдВрддрд░рд┐рдХ рд░реВрдк рд╕реЗ рдПрдХ рд░рдВрдЧ рд╡рд╛рдкрд╕ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред рддреЛ рдпрджрд┐ рдЖрдк рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрдо рдХреЗ рд░рдВрдЧ рдХрд╛рд░реНрдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ rgba() _have_ рдЬреИрд╕реЗ рдХрд╛рд░реНрдп рдХрдо рдХрд╛рд░реНрдп рдХрд░рддреЗ рд╣реИрдВред (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рд╣рд▓реНрдХрд╛ (рдЖрд░рдЬреАрдмреАрдП (50,50,50,0.5), 50%)) рдЕрдиреНрдпрдерд╛ рдпрд╣ рд╕рд┐рд░реНрдл рдПрдХ рдЕрдЬреНрдЮрд╛рдд рдлрд╝рдВрдХреНрд╢рди рдХреЙрд▓ рд╣реЛрдЧрд╛ред рд╣рдореЗрдВ рдпрд╣ рдЬрд╛рдирдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдЙрдХреНрдд рд░рдВрдЧ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреМрди рд╕рд╛ рд░рдВрдЧ _is_ рд╣реИред

рдореБрдЭреЗ рдЖрд╢реНрдЪрд░реНрдп рд╣реИ рдХрд┐ рдЕрдЧрд░ рдЖрд░рдмреАрдЬреАрдП () рдХрд╛рд╕реНрдЯрд┐рдВрдЧ рдПрдХ рдлрд┐рд╕рд▓рди рдврд▓рд╛рди рд╣реИред rgb (), hsl (), рдФрд░ hsla () рд╕рднреА CSS рдлрд╝рдВрдХреНрд╢рди рднреА рд╣реИрдВред

рд╣рд╛рдБ рдореИрдВ рдЕрдиреБрдорд╛рди рдХрд░рддрд╛ рд╣реБрдБред рд▓реЗрдХрд┐рди рдХрд╛рд╕реНрдЯрд┐рдВрдЧ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪрдиреЗ рдХрд╛ рдЧрд▓рдд рддрд░реАрдХрд╛ рд╣реИред рдпрд╣ рдЗрд╕ рдлрд╝реЙрд░реНрдо рдХреЛ рднреА рд╕рдХреНрд╖рдо рдХрд░рддрд╛ рд╣реИ: rgba(#777777, 0.5) , рдЬрд┐рд╕рдХреА рдЕрдиреБрдорддрд┐ рд╣реИ рдпрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдЕрдиреБрдорддрд┐ рджреА рдЬрд╛рдПрдЧреАред рдпрд╣ рдЗрд╕реЗ hsla() рддрдХ рд╡рд┐рд╕реНрддрд╛рд░рд┐рдд рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рд╕рдЪ рд╣реИ, рд▓реЗрдХрд┐рди рдЖрдВрддрд░рд┐рдХ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдмрд╣реБрдд рдХрдард┐рди рд╣реИ рдФрд░ рдпрд╣ рднреА рдЖрд╡рд╢реНрдпрдХ рдирд╣реАрдВ рд╣реИ рдпрджрд┐ рдЖрдкрдХреЗ рдкрд╛рд╕ рдХреЛрдИ рддрд░реАрдХрд╛ рд╣реИ рдЬреЛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдПрдХ рд░рдВрдЧ () рдлрд╝рдВрдХреНрд╢рди рднреА рд╣реИред рдХреНрдпрд╛ рдпрд╣ #AARRGGBB, #ARGB рдХреЛ рд╕рдкреЛрд░реНрдЯ рдХрд░рддрд╛ рд╣реИ?

рдирд╣реАрдВ, рдЗрд╕реЗ рдЗрдВрдЧрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдореИрдВ рдЗрд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддрд╛ рд╣реВрдВред рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореИрдВ рдЙрд▓рдЭрди рдореЗрдВ рд╣реВрдВ рдХрд┐ рд╡рд╣ рдХрд╛рд░реНрдп рдХреНрдпреЛрдВ рдореМрдЬреВрдж рд╣реИ?

рдпрд╣ рдЗрд╕ рдлрд╝реЙрд░реНрдо рдХреЛ рднреА рд╕рдХреНрд╖рдо рдХрд░рддрд╛ рд╣реИ: rgba(#777777, 0.5), рдЬрд┐рд╕рдХреА рдЕрдиреБрдорддрд┐ рд╣реИ рдпрд╛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рдЕрдиреБрдорддрд┐ рджреА рдЬрд╛рдПрдЧреАред

рдлрд┐рд░ рд╕реЗ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП, рдпрд╣ рдлрд╝реЙрд░реНрдо CSS рдореЗрдВ рдПрдХ рдорд╛рдиреНрдп рд░рдВрдЧ рд╣реИ: rgba(<Color> [, opacity]) ред рддреЛ рдЗрд╕рдХреА рдЕрдиреБрдорддрд┐ рди рджреЗрдиреЗ рдХрд╛ рдХреЛрдИ рдХрд╛рд░рдг рдирд╣реАрдВ рд╣реИред

рд╣рдорд╛рд░реЗ рдкрд╛рд╕ _DO_ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА argb() рдлрд╝рдВрдХреНрд╢рди рд╣реИ рдЬреЛ #AARRGGBB рдЖрдЙрдЯрдкреБрдЯ рдХреЗ рд▓рд┐рдП рд╣реИред

ARGB рдСрд░реНрдбрд░ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ Internet Explorer рдореЗрдВ рд▓реАрдЧреЗрд╕реА DirectShow рдлрд╝рд┐рд▓реНрдЯрд░ рдХреЗ рд▓рд┐рдП рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
CSS рдореЗрдВ 8- рдпрд╛ 4-рдЕрдВрдХреАрдп рд╣реЗрдХреНрд╕ рд╕рд┐рдВрдЯреИрдХреНрд╕ afaik RGBA рдСрд░реНрдбрд░ рд╣реИред

рджреЛрдиреЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рд╕реЗ рдпрд╣ рдЬрд╛рдирдирд╛ рднреА рдЕрд╕рдВрднрд╡ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ рдХрд┐ рд╢рд╛рдмреНрджрд┐рдХ #000000FF рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдкрд╛рд░рджрд░реНрд╢реА рдиреАрд▓реЗ (рдПрдЖрд░рдЬреАрдмреА) рдпрд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЕрдкрд╛рд░рджрд░реНрд╢реА рдХрд╛рд▓реЗ (рдЖрд░рдЬреАрдмреАрдП) рдХрд╛ рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХрд░рддрд╛ рд╣реИред

рдореЗрд░реА рд╕рд▓рд╛рд╣: рдПрдЖрд░рдЬреАрдмреА рд░рдВрдЧ рд╕рдорд░реНрдерди рдЫреЛрдбрд╝ рджреЗрдВред рдЖрдкрдХреЛ рдХреЗрд╡рд▓ рдкрд╛рд╖рд╛рдг рдпреБрдЧ рдХреЗ IE рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреА рдЬреЛ рд▓рдВрдмреЗ рд╕рдордп рд╕реЗ рдХрдореАрд╢рди рд╕реЗ рдмрд╛рд╣рд░ рд╣реИрдВред

рдореЗрд░реА рд╕рд▓рд╛рд╣: рдПрдЖрд░рдЬреАрдмреА рд░рдВрдЧ рд╕рдорд░реНрдерди рдЫреЛрдбрд╝ рджреЗрдВред рдЖрдкрдХреЛ рдХреЗрд╡рд▓ рдкрд╛рд╖рд╛рдг рдпреБрдЧ рдХреЗ IE рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрдЧреА рдЬреЛ рд▓рдВрдмреЗ рд╕рдордп рд╕реЗ рдХрдореАрд╢рди рд╕реЗ рдмрд╛рд╣рд░ рд╣реИрдВред

рд╣рдо IE11 рд╕реЗ рдХрдо рдХрд┐рд╕реА рднреА рдЪреАрдЬрд╝ рдкрд░ рд╕рдорд░реНрдерди рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдПрдХ рдЕрдЪреНрдЫрд╛ рд╡рд┐рдЪрд╛рд░ рд╣реИред

@rjgotten рдХреНрдпрд╛ color() рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд░рдВрдЧ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рдирд╛ рд╣реЛрдЧрд╛ред рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЗрд╕реЗ 4 рд╕рд╛рд▓ рдкрд╣рд▓реЗ рдЬреЛрдбрд╝рд╛ рдЧрдпрд╛ рдерд╛ред

рдореИрдВ рдЕрднреА рднреА рдЙрд▓рдЭрди рдореЗрдВ рд╣реВрдВ рдХрд┐ рдХрд┐рд╕реА рдХреЛ рдХрднреА рднреА рдХрдо рдореЗрдВ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рд░рдВрдЧ рд▓рд┐рдЦрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреНрдпреЛрдВ рд╣реЛрдЧреА рдФрд░ рдлрд┐рд░ рдЗрд╕реЗ рд░рдВрдЧ() рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд░рдВрдЧ рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░ рджреЗрдВред

рдХреЗрд╡рд▓ рдПрдХ рдЪреАрдЬ рдЬрд┐рд╕рдХреА рдореИрдВ рдХрд▓реНрдкрдирд╛ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рд╡рд╣ рд╣реИ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдирд┐рд╖реНрдХрд░реНрд╖рдг рдкрд░рд┐рджреГрд╢реНрдпред
рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдПрдХ рдЬрдЯрд┐рд▓ рдкреНрд▓рдЧрдЗрди рдЬреЛ рдПрд╕рд╡реАрдЬреА рдкреГрд╖реНрдарднреВрдорд┐ рдЫрд╡рд┐рдпреЛрдВ рдХрд╛ рдЖрддреНрдордирд┐рд░реАрдХреНрд╖рдг рдХрд░рддрд╛ рд╣реИ рдФрд░ рдЕрдиреНрдп рдирд┐рдпрдореЛрдВ рдореЗрдВ рд░рдВрдЧ рдЙрдкрдпреЛрдЧ рд╕реЗ рдореЗрд▓ рдЦрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЙрдирд╕реЗ рд░рдВрдЧ рдкрд░рд┐рднрд╛рд╖рд╛рдПрдВ рдирд┐рдХрд╛рд▓рддрд╛ рд╣реИ, рдпрд╛ рдРрд╕рд╛ рдХреБрдЫред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХрд╛рдлреА рдЧрд╣рд░рд╛ рдХрд┐рдирд╛рд░рд╛ рдорд╛рдорд▓рд╛ред

@rjgotten рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдореБрдЭреЗ рдЙрди рдореБрджреНрджреЛрдВ рдореЗрдВ рдХреЛрдИ рдЗрддрд┐рд╣рд╛рд╕ рдирд╣реАрдВ рдорд┐рд▓рд╛, рдЬреЛ рдмрддрд╛рддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рдХрд╣рд╛рдВ рд╕реЗ рдЖрдпрд╛ рд╣реИред

рдореИрдВрдиреЗ color() рдлрд╝рдВрдХреНрд╢рди рдХреЛ #RRGGBBAA рдХреЛ рдкрд╣рдЪрд╛рдирдиреЗ рдХреЗ рд╕рд╛рде-рд╕рд╛рде рд░рдВрдЧреЛрдВ рдХреЛ рд╕рдорд╛рди рд░рдВрдЧ рд╕реНрдерд╛рди рдореЗрдВ рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИред рдЕрддреАрдд рдореЗрдВ, рдмреНрд░рд╛рдЙрдЬрд╝рд░ рд╕рдВрдЧрддрддрд╛ рдХреЗ рд▓рд┐рдП рд╕рдм рдХреБрдЫ рдпрд╛ рддреЛ рд╕рд╛рдзрд╛рд░рдг рд╣реЗрдХреНрд╕ (рдпрджрд┐ рдЕрд▓реНрдлрд╛ = 1) рдпрд╛ rgba() рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рд╣реЛ рдЧрдпрд╛ рдерд╛ред рдЕрдм, рд╣рдо рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЧрдП рд░рдВрдЧ рдорд╛рдиреЛрдВ рдХреЛ рд╕рдВрд░рдХреНрд╖рд┐рдд рдХрд░рдХреЗ рдХрдо рдФрд░ рд╕реБрд╕рдВрдЧрдд рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВред рд╣реЗрдХреНрд╕ рд░рдВрдЧ рдФрд░ рдХреАрд╡рд░реНрдб рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЖрдЙрдЯрдкреБрдЯ рдереЗ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкреАрдЖрд░ рдХреЗ рд╕рд╛рде, рдХрдо рдЖрдЙрдЯрдкреБрдЯ hsl() рдФрд░ hsla() рдЬреИрд╕рд╛ рд╣реИ (рдореВрд▓реНрдпреЛрдВ рдХреЛ рдХреНрд▓реИрдВрдк рдХрд░рдиреЗ рдХреЗ рдЕрд▓рд╛рд╡рд╛), рдФрд░ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛтАЛтАЛрдХрд┐ рд░рдВрдЧ рдХреЗ рдмрд╛рдж рд░рдВрдЧ рд╕реНрдерд╛рди рдХреЛ рднреА рд╕рдВрд░рдХреНрд╖рд┐рдд рдХрд░реЗрдВ darken() рдпрд╛ spin() рдЬреИрд╕реЗ рд╕рдВрдЪрд╛рд▓рдиред

рдкрдХрдбрд╝ рд░рд╣рд╛ рд╣реВрдБ, рдореИрдВ рдмреЛрд░реНрдб рдкрд░ рд╣реВрдБред argb() рдлрд╝рдВрдХреНрд╢рди рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдкреБрд░рд╛рдиреЗ рдкреНрд░рд╛рд░реВрдк рдХреА рдХрд┐рд╕реА рднреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХрд╛ рдЙрддреНрддрд░ рджреЗрддрд╛ рд╣реИред рдпрд╣ рдПрдХ рдЕрдЪреНрдЫрд╛ рдХрджрдо рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

papandreou picture papandreou  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

awebdev picture awebdev  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

BrianMulhall picture BrianMulhall  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

MarkSG93 picture MarkSG93  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

matthew-dean picture matthew-dean  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ