MCP рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдХрдиреЗрдХреНрдЯ рдХрд░реЗрдВ тЖТ

рдЧрдгрдирд╛ рджрд░реНрдЬ рдХрд░реЗрдВ

рд╕реВрддреНрд░ (рдлреЙрд░реНрдореВрд▓рд╛)

рд╡рд┐рдЬреНрдЮрд╛рдкрди

рдкрд░рд┐рдгрд╛рдо

рд╣реЗрдХреНрд╕ рдХрд▓рд░ рдХреЛрдб
#FF6347
rgb(255, 99, 71)
рд░реЗрдб 255
рдЧреНрд░реАрди 99
рдмреНрд▓реВ 71

RGB рд╕реЗ Hex рдХрдиреНрд╡рд░реНрдЯрд░ рдХреНрдпрд╛ рд╣реИ?

рдпрд╣ рдЯреВрд▓ RGB рдореЙрдбрд▓ рдореЗрдВ рджрд┐рдП рдЧрдП рдХрд┐рд╕реА рдХрд▓рд░ рдХреЛ тАФ рдпрд╛рдиреА рд░реЗрдб, рдЧреНрд░реАрди рдФрд░ рдмреНрд▓реВ рддреАрди рдЪреИрдирд▓, рдЬрд┐рдирдореЗрдВ рд╕реЗ рд╣рд░ рдПрдХ рдХреА рд╡реИрд▓реНрдпреВ 0 рд╕реЗ 255 рддрдХ рд╣реЛрддреА рд╣реИ тАФ #RRGGBB рдлреЙрд░реНрдореЗрдЯ рдХреЗ рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдХрд▓рд░ рдХреЛрдб рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИред HTML, CSS, рдбрд┐рдЬрд╝рд╛рдЗрди рд╕реЙрдлрд╝реНрдЯрд╡реЗрдпрд░ рдФрд░ рдЬрд╝реНрдпрд╛рджрд╛рддрд░ рдбрд┐рдЬрд┐рдЯрд▓ рдЯреВрд▓реНрд╕ рдореЗрдВ рд░рдВрдЧ рдмрддрд╛рдиреЗ рдХрд╛ рд╕реНрдЯреИрдВрдбрд░реНрдб рддрд░реАрдХрд╛ рд╣реЗрдХреНрд╕ рдХреЛрдб рд╣реА рд╣реИ, рдЗрд╕рд▓рд┐рдП RGB рд╡реИрд▓реНрдпреВ рдХреЛ рд╣реЗрдХреНрд╕ рдореЗрдВ рдмрджрд▓рдирд╛ рд╡реЗрдм рдбреЗрд╡рд▓рдкрд░реНрд╕ рдФрд░ рдбрд┐рдЬрд╝рд╛рдЗрдирд░реНрд╕ рдХреЗ рд▓рд┐рдП рд░реЛрдЬрд╝рдорд░реНрд░рд╛ рдХрд╛ рдХрд╛рдо рд╣реИред

RGB рдЪреИрдирд▓ рдорд┐рд▓рдХрд░ рдПрдХ рд░рдВрдЧ рдмрдирд╛рддреЗ рд╣реБрдП, рдЙрд╕рдХреЗ рд╣реЗрдХреНрд╕ рдХреЛрдб рдХреЗ рд╕рд╛рде
рд▓рд╛рд▓, рд╣рд░реЗ рдФрд░ рдиреАрд▓реЗ рдЪреИрдирд▓ рдХреЗ рдорд╛рди рдорд┐рд▓рдХрд░ рдПрдХ рд░рдВрдЧ рдмрдирд╛рддреЗ рд╣реИрдВ, рдЬрд┐рд╕реЗ рд╣реЗрдХреНрд╕ рдХреЛрдб рд╕реЗ рджрд░реНрд╢рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

рдЗрд╕реЗ рдХреИрд╕реЗ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░реЗрдВ

рдЕрдкрдиреА рд░реЗрдб, рдЧреНрд░реАрди рдФрд░ рдмреНрд▓реВ рд╡реИрд▓реНрдпреВ рдбрд╛рд▓реЗрдВ тАФ рд╣рд░ рдПрдХ 0 рдФрд░ 255 рдХреЗ рдмреАрдЪред рдХреИрд▓рдХреБрд▓реЗрдЯ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ рдФрд░ рдЯреВрд▓ рдЖрдкрдХреЛ рдореИрдЪ рдХрд░рддрд╛ рд╣реБрдЖ рд╣реЗрдХреНрд╕ рдХреЛрдб рджрд┐рдЦрд╛рдПрдЧрд╛, рд╕рд╛рде рд╣реА рдПрдХ рд▓рд╛рдЗрд╡ рдХрд▓рд░ рд╕реНрд╡реИрдЪ рднреА рддрд╛рдХрд┐ рдЖрдк рдирддреАрдЬреЗ рдХреЛ рджреЗрдЦрдХрд░ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХреЗрдВред 0-255 рдХреА рд░реЗрдВрдЬ рд╕реЗ рдмрд╛рд╣рд░ рдХреА рд╡реИрд▓реНрдпреВ рдЕрдкрдиреЗ рдЖрдк рд╡реИрдз рд░реЗрдВрдЬ рдореЗрдВ рд╕реАрдорд┐рдд (clamp) рдХрд░ рджреА рдЬрд╛рддреА рд╣реИред

рдлреЙрд░реНрдореВрд▓рд╛ рд╕рдордЭреЗрдВ

рд╣рд░ рдЪреИрдирд▓ 0 рд╕реЗ 255 рддрдХ рдХрд╛ рдПрдХ рдкреВрд░реНрдгрд╛рдВрдХ рд╣реЛрддрд╛ рд╣реИ, рдЬреЛ рдареАрдХ рдЙрддрдиреА рд╣реА рд░реЗрдВрдЬ рд╣реИ рдЬрд┐рддрдиреА рдПрдХ рдмрд╛рдЗрдЯ рдореЗрдВ рдЖ рд╕рдХрддреА рд╣реИ (рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдореЗрдВ 00 рд╕реЗ FF)ред рдХрдиреНрд╡рд░реНрдЯрд░ рд╣рд░ рдЪреИрдирд▓ рдХреЛ рджреЛ рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ, рдЬрд╝реАрд░реЛ-рдкреИрдбреЗрдб рдФрд░ рдЕрдкрд░рдХреЗрд╕ рд╣реЗрдХреНрд╕ рдирдВрдмрд░ рдХреЗ рд░реВрдк рдореЗрдВ рдлреЙрд░реНрдореИрдЯ рдХрд░рдХреЗ рдЖрдкрд╕ рдореЗрдВ рдЬреЛрдбрд╝ рджреЗрддрд╛ рд╣реИ:

$$\text{Hex} = \text{\#} \; \texttt{[}\text{Red}\texttt{]}_{16} \, \texttt{[}\text{Green}\texttt{]}_{16} \, \texttt{[}\text{Blue}\texttt{]}_{16}$$

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╡реИрд▓реНрдпреВ 255 рдмрди рдЬрд╛рддреА рд╣реИ FF рдФрд░ 0 рдмрди рдЬрд╛рддреА рд╣реИ 00ред рдЧрдгрд┐рддреАрдп рд░реВрдк рд╕реЗ рдХреЛрдИ рдЪреИрдирд▓ рд╡реИрд▓реНрдпреВ \(v\) рдПрдХ рдКрдБрдЪреЗ рдЕрдВрдХ \(\lfloor v/16 \rfloor\) рдФрд░ рдПрдХ рдиреАрдЪреЗ рдЕрдВрдХ \((v \bmod 16)\) рдореЗрдВ рдмрдБрдЯ рдЬрд╛рддреА рд╣реИред

0 рд╕реЗ 255 рддрдХ рдХрд╛ рдПрдХ рд░рдВрдЧ рдЪреИрдирд▓ рдорд╛рди 00 рд╕реЗ FF рддрдХ рдХреЗ рджреЛ-рдЕрдВрдХреАрдп рд╣реЗрдХреНрд╕ рдЬреЛрдбрд╝реЗ рд╕реЗ рдореИрдк рд╣реЛрддреЗ рд╣реБрдП
рд╣рд░ 0-255 рдЪреИрдирд▓ рдорд╛рди 00 рд╕реЗ FF рддрдХ рдХреЗ рджреЛ-рдЕрдХреНрд╖рд░ рд╡рд╛рд▓реЗ рд╣реЗрдХреНрд╕ рдЬреЛрдбрд╝реЗ рд╕реЗ рдореЗрд▓ рдЦрд╛рддрд╛ рд╣реИред

рдПрдХ рд╣рд▓ рдХрд┐рдпрд╛ рд╣реБрдЖ рдЙрджрд╛рд╣рд░рдг

"tomato" рд░реЗрдб рдХреЛ рд▓реЗрдВ: R = 255, G = 99, B = 71ред рд╣реЗрдХреНрд╕ рдореЗрдВ 255 рд╣реИ FFред 99 рдпрд╛рдиреА \(6 \times 16 + 3 = 63\)ред 71 рдпрд╛рдиреА \(4 \times 16 + 7 = 47\)ред рдЗрдиреНрд╣реЗрдВ рдЬреЛрдбрд╝рдиреЗ рдкрд░ рдорд┐рд▓рддрд╛ рд╣реИ #FF6347 тАФ рдпрд╣реА рд╕реНрдЯреИрдВрдбрд░реНрдб CSS "tomato" рдХрд▓рд░ рд╣реИред

рдЕрдХреНрд╕рд░ рдкреВрдЫреЗ рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рд╕рд╡рд╛рд▓

рд╣рд░ рд╣реЗрдХреНрд╕ рдЬреЛрдбрд╝реА рдХрд╛ рдХреНрдпрд╛ рдорддрд▓рдм рд╣реИ? рдкрд╣рд▓реА рдЬреЛрдбрд╝реА рд░реЗрдб рд╣реИ, рджреВрд╕рд░реА рдЧреНрд░реАрди рдФрд░ рддреАрд╕рд░реА рдмреНрд▓реВ тАФ рд╣рд░ рдПрдХ 00 (рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ) рд╕реЗ рд▓реЗрдХрд░ FF (рдкреВрд░рд╛) рддрдХред

рдЕрдкрд░рдХреЗрд╕ рдХреНрдпреЛрдВ? рд╣реЗрдХреНрд╕ рдХреЛрдб рдХреЗрд╕-рдЗрдирд╕реЗрдВрд╕рд┐рдЯрд┐рд╡ рд╣реЛрддреЗ рд╣реИрдВ; рдЕрдкрд░рдХреЗрд╕ рдПрдХ рдЖрдо рдкрд░рдВрдкрд░рд╛ рд╣реИ, рд▓реЗрдХрд┐рди #ff6347 рднреА рдЙрддрдирд╛ рд╣реА рд╕рд╣реА рд╣реИред

рдХреНрдпрд╛ рдореИрдВ рджрд╢рдорд▓рд╡ рд╡реИрд▓реНрдпреВ рдбрд╛рд▓ рд╕рдХрддрд╛ рд╣реВрдБ? рдирд╣реАрдВ тАФ RGB рдЪреИрдирд▓ 0 рд╕реЗ 255 рддрдХ рдХреА рдкреВрд░реНрдг рд╕рдВрдЦреНрдпрд╛рдПрдБ рд╣реЛрддреА рд╣реИрдВред рджрд╢рдорд▓рд╡ рд╡рд╛рд▓реА рд╡реИрд▓реНрдпреВ рдиреАрдЪреЗ рдХреА рдУрд░ рдкреВрд░реНрдгрд╛рдВрдХрд┐рдд (round down) рдХрд░ рджреА рдЬрд╛рддреА рд╣реИрдВред

рдЕрдВрддрд┐рдо рдЕрдкрдбреЗрдЯ: