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

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

6-рдЕрдВрдХреАрдп рд╣реЗрдХреНрд╕ рдХреЛрдб рджрд░реНрдЬ рдХрд░реЗрдВ, рд╢реБрд░реБрдЖрдд рдореЗрдВ # рдХреЗ рд╕рд╛рде рдпрд╛ рдмрд┐рдирд╛ред

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

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

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

RGB рд░рдВрдЧ
rgb(52, 152, 219)
from #3498DB
рд▓рд╛рд▓ 52
рд╣рд░рд╛ 152
рдиреАрд▓рд╛ 219

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

рд╣реЗрдХреНрд╕ рдХрд▓рд░ рдХреЛрдб рдХрд┐рд╕реА рд░рдВрдЧ рдХреЛ рджрд░реНрд╢рд╛рдиреЗ рдХрд╛ 6-рдЕрдВрдХреАрдп рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ (рдмреЗрд╕-16) рддрд░реАрдХрд╛ рд╣реИ, рдЬрд┐рд╕рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рд╡реЗрдм рдбрд┐рдЬрд╝рд╛рдЗрди рдФрд░ CSS рдореЗрдВ рдЦреВрдм рд╣реЛрддрд╛ рд╣реИ тАФ рдЬреИрд╕реЗ #3498DBред рдЗрд╕рдХреЗ рд╣рд░ рджреЛ рдЕрдВрдХ рддреАрди рдкреНрд░рд╛рдердорд┐рдХ рд░рдВрдЧ рдЪреИрдирд▓реЛрдВ рдореЗрдВ рд╕реЗ рдПрдХ рдХреЛ рджрд░реНрд╢рд╛рддреЗ рд╣реИрдВ: рд▓рд╛рд▓, рд╣рд░рд╛ рдФрд░ рдиреАрд▓рд╛ред RGB рдореЙрдбрд▓ рдЙрд╕реА рд░рдВрдЧ рдХреЛ 0 рд╕реЗ 255 рдХреЗ рдмреАрдЪ рдХреЗ рддреАрди рджрд╢рдорд▓рд╡ рдЕрдВрдХреЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рд╡реНрдпрдХреНрдд рдХрд░рддрд╛ рд╣реИред рдпрд╣ рдХрдиреНрд╡рд░реНрдЯрд░ рдХрд┐рд╕реА рд╣реЗрдХреНрд╕ рдХреЛрдб рдХреЛ рдЙрд╕рдХреЗ рдмрд░рд╛рдмрд░ рдХреЗ RGB рддрд┐рдХрдбрд╝реА рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИ рдФрд░ рд╕рд╛рде рдореЗрдВ рдПрдХ рд▓рд╛рдЗрд╡ рдХрд▓рд░ рд╕реНрд╡реИрдЪ рднреА рджрд┐рдЦрд╛рддрд╛ рд╣реИред

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

рдмреЙрдХреНрд╕ рдореЗрдВ рдХреЛрдИ рд╣реЗрдХреНрд╕ рдХрд▓рд░ рдХреЛрдб рдЯрд╛рдЗрдк рдХрд░реЗрдВ рдпрд╛ рдкреЗрд╕реНрдЯ рдХрд░реЗрдВред рдЖрдк рд╢реБрд░реБрдЖрдд рдореЗрдВ # рд▓рдЧрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛ рдирд╣реАрдВ рднреА тАФ рджреЛрдиреЛрдВ рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░реЗрдЧрд╛ред рдпрд╣ рдЯреВрд▓ рдорд╛рдирдХ 6-рдЕрдВрдХреАрдп рдХреЛрдб рдХреЗ рд╕рд╛рде-рд╕рд╛рде 3-рдЕрдВрдХреАрдп рд╢реЙрд░реНрдЯрд╣реИрдВрдб рднреА рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддрд╛ рд╣реИ (рдЬреИрд╕реЗ #0AF, рдЬреЛ рдлреИрд▓рдХрд░ #00AAFF рдмрди рдЬрд╛рддрд╛ рд╣реИ)ред рдХреИрд▓рдХреБрд▓реЗрдЯ рджрдмрд╛рдПрдБ рдФрд░ рд▓рд╛рд▓, рд╣рд░реЗ рд╡ рдиреАрд▓реЗ рдорд╛рди рдХреЗ рд╕рд╛рде-рд╕рд╛рде рдкреНрд░реАрд╡реНрдпреВ рд╕реНрд╡реИрдЪ рджреЗрдЦреЗрдВред

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

рдпрд╣ рдХрдиреНрд╡рд░реНрдЬрд╝рди рд╕реАрдзреЗ рдмреЗрд╕-16 рдХреЛ рдкрдврд╝рдиреЗ рдХреА рдкреНрд░рдХреНрд░рд┐рдпрд╛ рд╣реИред 6-рдЕрдХреНрд╖рд░реЛрдВ рдХреА рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЛ рджреЛ-рджреЛ рдЕрдХреНрд╖рд░реЛрдВ рдХреА рддреАрди рдЬреЛрдбрд╝рд┐рдпреЛрдВ рдореЗрдВ рдмрд╛рдБрдЯрд╛ рдЬрд╛рддрд╛ рд╣реИред рд╣рд░ рдЬреЛрдбрд╝реА рдХреЛ рдПрдХ рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рд╕рдВрдЦреНрдпрд╛ рдХреА рддрд░рд╣ рдкрдврд╝рд╛ рдЬрд╛рддрд╛ рд╣реИ: рдкрд╣рд▓реЗ рд╣реЗрдХреНрд╕ рдЕрдВрдХ рдХреЛ 16 рд╕реЗ рдЧреБрдгрд╛ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рджреВрд╕рд░рд╛ рдЙрд╕рдореЗрдВ рдЬреЛрдбрд╝ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╛рдиреА рдЬреЛрдбрд╝реА "FF" = \(15\times16 + 15 = 255\), рдФрд░ "00" = 0ред рд╕рд╛рдорд╛рдиреНрдп рдлрд╝реЙрд░реНрдореВрд▓рд╛ рд╣реИ рдорд╛рди = (рдкрд╣рд▓рд╛ рдЕрдВрдХ ├Ч 16) + рджреВрд╕рд░рд╛ рдЕрдВрдХ, рдЬрд╣рд╛рдБ рд╣рд░ рдЕрдВрдХ 0тАУ15 рдХреЗ рдмреАрдЪ рд╣реЛрддрд╛ рд╣реИ (AтАУF рдХрд╛ рдорддрд▓рдм 10тАУ15)ред

$$(R,G,B) = \big(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\big)_{16}$$ $$\text{where}\quad \left\{ \begin{aligned} R &= \operatorname{int}_{16}\!\left(\text{Hex}_{[1,2]}\right) \\ G &= \operatorname{int}_{16}\!\left(\text{Hex}_{[3,4]}\right) \\ B &= \operatorname{int}_{16}\!\left(\text{Hex}_{[5,6]}\right) \end{aligned} \right.$$
рд╣реЗрдХреНрд╕ рдХреЛрдб рдХреЛ рд▓рд╛рд▓, рд╣рд░реЗ рдФрд░ рдиреАрд▓реЗ рдмрд╛рдЗрдЯ рдЬреЛрдбрд╝реЛрдВ рдореЗрдВ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛
рд╣рд░ рд╣реЗрдХреНрд╕ рдЬреЛрдбрд╝рд╛ рд▓рд╛рд▓, рд╣рд░реЗ рдФрд░ рдиреАрд▓реЗ рдЪреИрдирд▓ рдореЗрдВ рд╕реЗ рдПрдХ рд╕реЗ рдореЗрд▓ рдЦрд╛рддрд╛ рд╣реИ (рдЖрдзрд╛рд░ 16)ред

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

#3498DB рдХреЛ рд▓реАрдЬрд┐рдПред рдЗрд╕реЗ 34, 98, DB рдореЗрдВ рдмрд╛рдБрдЯреЗрдВред рд▓рд╛рд▓ = \(3\times16 + 4 = 52\)ред рд╣рд░рд╛ = \(9\times16 + 8 = 152\)ред рдиреАрд▓рд╛ = \(D(13)\times16 + B(11) = 208 + 11 = 219\)ред рдирддреАрдЬрд╛ рд╣реИ rgb(52, 152, 219) тАФ рдПрдХ рдЬрд╛рдирд╛-рдкрд╣рдЪрд╛рдирд╛ рдЖрд╕рдорд╛рдиреА рдиреАрд▓рд╛ рд░рдВрдЧред

R, G, B рдЪреИрдирд▓ рдмрд╛рд░ рдХреЗ рд╕рд╛рде рд░рдВрдЧ рдирдореВрдиреЗ рдХрд╛ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди
рд╕рдВрдпреБрдХреНрдд RGB рдЪреИрдирд▓ рдЕрдВрддрд┐рдо рд░рдВрдЧ рдирдореВрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред

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

рдХреНрдпрд╛ рдЫреЛрдЯреЗ-рдмрдбрд╝реЗ рдЕрдХреНрд╖рд░ рдорд╛рдпрдиреЗ рд░рдЦрддреЗ рд╣реИрдВ? рдирд╣реАрдВред #abcdef рдФрд░ #ABCDEF рджреЛрдиреЛрдВ рд╕реЗ рдПрдХ рд╣реА RGB рдирддреАрдЬрд╛ рдорд┐рд▓рддрд╛ рд╣реИред

3-рдЕрдВрдХреАрдп рдХреЛрдб рдХрд╛ рдХреНрдпрд╛? #F60 рдЬреИрд╕рд╛ 3-рдЕрдВрдХреАрдп рд╣реЗрдХреНрд╕ рдПрдХ рд╢реЙрд░реНрдЯрд╣реИрдВрдб рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╣рд░ рдЕрдВрдХ рджреЛрдЧреБрдирд╛ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдХрдиреНрд╡рд░реНрдЬрд╝рди рд╕реЗ рдкрд╣рд▓реЗ рдпрд╣ #FF6600 рдмрди рдЬрд╛рддрд╛ рд╣реИред

рдорд╛рди 255 рдкрд░ рд╣реА рдХреНрдпреЛрдВ рд░реБрдХ рдЬрд╛рддреЗ рд╣реИрдВ? рд╣рд░ рдЪреИрдирд▓ рджреЛ рд╣реЗрдХреНрд╕ рдЕрдВрдХреЛрдВ рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рддрд╛ рд╣реИ, рдФрд░ рджреЛ рдЕрдВрдХреЛрдВ рдХрд╛ рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рд╣реЗрдХреНрд╕ рдорд╛рди FF, 255 рдХреЗ рдмрд░рд╛рдмрд░ рд╣реЛрддрд╛ рд╣реИ тАФ рдпрд╛рдиреА рд╣рд░ рдЪреИрдирд▓ рдореЗрдВ 256 рд╕рдВрднрд╛рд╡рд┐рдд рд╕реНрддрд░ (0тАУ255)ред

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