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

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

3 рдпрд╛ 6 рдЕрдВрдХреЛрдВ рд╡рд╛рд▓рд╛ hex рдХреЛрдб рдбрд╛рд▓реЗрдВ, рд╢реБрд░реБрдЖрдд рдореЗрдВ # рдХреЗ рд╕рд╛рде рдпрд╛ рдмрд┐рдирд╛ред

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

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

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

RGB рд░рдВрдЧ
rgb(52, 152, 219)
from #3498DB
рд░реЗрдб (R) 52
рдЧреНрд░реАрди (G) 152
рдмреНрд▓реВ (B) 219
рд╕рд╛рдорд╛рдиреНрдпреАрдХреГрдд Hex #3498DB
CSS rgb(52, 152, 219)

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

Hex рдХрд▓рд░ рдХреЛрдб рдХрд┐рд╕реА рд░рдВрдЧ рдХрд╛ рдЫрд╣ рдЕрдВрдХреЛрдВ рд╡рд╛рд▓рд╛ рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рд░реВрдк рд╣реЛрддрд╛ рд╣реИ, рдЬрд┐рд╕реЗ #RRGGBB рдХреА рддрд░рд╣ рд▓рд┐рдЦрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЗрд╕рдореЗрдВ рд╣рд░ рджреЛ-рдЕрдВрдХреЛрдВ рдХреА рдЬреЛрдбрд╝реА рддреАрди рдПрдбрд┐рдЯрд┐рд╡ рдХрд▓рд░ рдЪреИрдирд▓реЛрдВ рдореЗрдВ рд╕реЗ рдПрдХ тАФ рд░реЗрдб, рдЧреНрд░реАрди рдпрд╛ рдмреНрд▓реВ тАФ рдХреЛ рджрд░реНрд╢рд╛рддреА рд╣реИред рдпрд╣ рдХрдиреНрд╡рд░реНрдЯрд░ hex рдХреЛрдб рдХреЛ рдкрдврд╝рдХрд░ рдЙрд╕рдХреЗ рдмрд░рд╛рдмрд░ рдХрд╛ RGB рдЯреНрд░рд┐рдкрд▓реЗрдЯ рд▓реМрдЯрд╛рддрд╛ рд╣реИ, рдЬрд╣рд╛рдБ рд╣рд░ рдЪреИрдирд▓ 0 рд╕реЗ 255 рдХреЗ рдмреАрдЪ рдХрд╛ рдкреВрд░реНрдгрд╛рдВрдХ рд╣реЛрддрд╛ рд╣реИред RGB рд╣реА рд╡рд╣ рдлрд╝реЙрд░реНрдореЗрдЯ рд╣реИ рдЬрд┐рд╕реЗ CSS, рдбрд┐рдЬрд╝рд╛рдЗрди рд╕реЙрдлрд╝реНрдЯрд╡реЗрдпрд░ рдФрд░ рдЬрд╝реНрдпрд╛рджрд╛рддрд░ рд╕реНрдХреНрд░реАрди рднреАрддрд░ рд╣реА рднреАрддрд░ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рддреА рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рджреЛрдиреЛрдВ рдХреЗ рдмреАрдЪ рдмрджрд▓рд╛рд╡ рдХрд░рдирд╛ рд╡реЗрдм рдбреЗрд╡рд▓рдкрд░реНрд╕ рдФрд░ рдбрд┐рдЬрд╝рд╛рдЗрдирд░реЛрдВ рдХреЗ рд▓рд┐рдП рд░реЛрдЬрд╝рдорд░реНрд░рд╛ рдХрд╛ рдХрд╛рдо рд╣реИред

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

рдмреЙрдХреНрд╕ рдореЗрдВ рдХреЛрдИ hex рдХреЛрдб рдЯрд╛рдЗрдк рдХрд░реЗрдВ тАФ рд╢реБрд░реБрдЖрдд рдореЗрдВ # рдХреЗ рд╕рд╛рде рдпрд╛ рдмрд┐рдирд╛ред рдкреВрд░рд╛ рдЫрд╣-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓рд╛ рд░реВрдк (#3498DB) рдФрд░ рддреАрди-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓рд╛ рд╢реЙрд░реНрдЯрд╣реИрдВрдб (#39C, рдЬреЛ #3399CC рдореЗрдВ рдлреИрд▓ рдЬрд╛рддрд╛ рд╣реИ) рджреЛрдиреЛрдВ рдЪрд▓рддреЗ рд╣реИрдВред рдЯреВрд▓ рдХрд┐рд╕реА рднреА рдлрд╝рд╛рд▓рддреВ рдХреИрд░реЗрдХреНрдЯрд░ рдХреЛ рд╕рд╛рдлрд╝ рдХрд░рддрд╛ рд╣реИ, рдХреЛрдб рдХреЛ рд╕рд╛рдорд╛рдиреНрдп рд░реВрдк рджреЗрддрд╛ рд╣реИ рдФрд░ рддреБрд░рдВрдд рд░реЗрдб, рдЧреНрд░реАрди рд╡ рдмреНрд▓реВ рд╡реИрд▓реНрдпреВ рджрд┐рдЦрд╛ рджреЗрддрд╛ рд╣реИ тАФ рд╕рд╛рде рдореЗрдВ рд▓рд╛рдЗрд╡ рдХрд▓рд░ рд╕реНрд╡реИрдЪ рдФрд░ рдХреЙрдкреА-рдкреЗрд╕реНрдЯ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ CSS рднреАред

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

рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдмреЗрд╕ 16 рдкрд░ рдЪрд▓рддрд╛ рд╣реИ, рдЬрд┐рд╕рдореЗрдВ 0тАУ9 рдХреЗ рдЕрдВрдХ рдФрд░ AтАУF рддрдХ рдХреЗ рдЕрдХреНрд╖рд░ рдЗрд╕реНрддреЗрдорд╛рд▓ рд╣реЛрддреЗ рд╣реИрдВ (рдЬрд╣рд╛рдБ A=10 тАж F=15)ред рджреЛ рдХреИрд░реЗрдХреНрдЯрд░ рдХреА рдПрдХ рдЬреЛрдбрд╝реА рдЗрд╕ рдирд┐рдпрдо рд╕реЗ рдмрджрд▓реА рдЬрд╛рддреА рд╣реИ тАФ рд╡реИрд▓реНрдпреВ = рдкрд╣рд▓рд╛ рдЕрдВрдХ ├Ч 16 + рджреВрд╕рд░рд╛ рдЕрдВрдХред рдпрд╛рдиреА FF = 15 ├Ч 16 + 15 = 255, рдЬреЛ рдЕрдзрд┐рдХрддрдо рд╣реИ, рдФрд░ 00 = 0, рдЬреЛ рдиреНрдпреВрдирддрдо рд╣реИред рддреАрдиреЛрдВ рдЬреЛрдбрд╝рд┐рдпрд╛рдБ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдбрд┐рдХреЛрдб рд╣реЛрдХрд░ R, G рдФрд░ B рдмрдирддреА рд╣реИрдВред

$$(R,\,G,\,B) = \bigl(\,\text{hex}_{[1,2]},\ \text{hex}_{[3,4]},\ \text{hex}_{[5,6]}\,\bigr)_{16}$$ $$\text{where}\quad \left\{ \begin{aligned} R &= \left(\text{Hex Code}\ \text{digits 1-2}\right)_{16} \\ G &= \left(\text{Hex Code}\ \text{digits 3-4}\right)_{16} \\ B &= \left(\text{Hex Code}\ \text{digits 5-6}\right)_{16} \end{aligned} \right.$$
рдЪрд┐рддреНрд░ рдЬрд┐рд╕рдореЗрдВ рдЫрд╣ рдЕрдВрдХреЛрдВ рдХрд╛ рд╣реЗрдХреНрд╕ рдХреЛрдб рддреАрди рджреЛ-рдЕрдВрдХреАрдп рдЬреЛрдбрд╝реЛрдВ рдореЗрдВ рдмрдВрдЯрдХрд░ рд▓рд╛рд▓, рд╣рд░реЗ рдФрд░ рдиреАрд▓реЗ рдорд╛рдиреЛрдВ рд╕реЗ рдореИрдк рд╣реЛрддрд╛ рд╣реИ
рдПрдХ рд╣реЗрдХреНрд╕ рдХреЛрдб рддреАрди рдЬреЛрдбрд╝реЛрдВ рдореЗрдВ рдмрдВрдЯрддрд╛ рд╣реИ, рд╣рд░ рдЬреЛрдбрд╝рд╛ 0-255 рдЪреИрдирд▓ рдорд╛рди рдореЗрдВ рдмрджрд▓рддрд╛ рд╣реИред

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

рдорд╛рди рд▓реАрдЬрд┐рдП #3498DBред рд░реЗрдб рдЬреЛрдбрд╝реА 34 = \(3 \times 16 + 4 = \mathbf{52}\) рд╣реИред рдЧреНрд░реАрди рдЬреЛрдбрд╝реА 98 = \(9 \times 16 + 8 = \mathbf{152}\) рд╣реИред рдмреНрд▓реВ рдЬреЛрдбрд╝реА DB = \(13 \times 16 + 11 = \mathbf{219}\) рд╣реИред рдирддреАрдЬрд╛ рдирд┐рдХрд▓рддрд╛ рд╣реИ rgb(52, 152, 219) тАФ рдлрд╝реНрд▓реИрдЯ рдбрд┐рдЬрд╝рд╛рдЗрди рдореЗрдВ рдмреЗрд╣рдж рд▓реЛрдХрдкреНрд░рд┐рдп рдПрдХ рдмреНрд▓реВ рд╢реЗрдбред

рдПрдХрд▓ рд╣реЗрдХреНрд╕ рд░рдВрдЧ рдирдореВрдирд╛ рдЬрд┐рд╕рдХреЗ рд▓рд╛рд▓, рд╣рд░реЗ рдФрд░ рдиреАрд▓реЗ рдЪреИрдирд▓ рд╡рд┐рднрд╛рдЬрди рдХреЛ рддреАрди рд░рдВрдЧреАрди рдкрдЯреНрдЯрд┐рдпреЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рджрд┐рдЦрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ
рдПрдХ рдЙрджрд╛рд╣рд░рдг: рдПрдХ рд╣реЗрдХреНрд╕ рдХреЛрдб рд╕реНрд╡реИрдЪ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрд╕рдХреЗ R, G, B рдЪреИрдирд▓реЛрдВ рдХреЗ рд╕рд╛рде рджрд┐рдЦрд╛рдпрд╛ рдЧрдпрд╛ред

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

рдХреНрдпрд╛ рдпрд╣ #FFF рдЬреИрд╕рд╛ рд╢реЙрд░реНрдЯрд╣реИрдВрдб hex рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рддрд╛ рд╣реИ? рд╣рд╛рдБред рддреАрди-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓рд╛ рдХреЛрдб рд╣рд░ рдЕрдВрдХ рдХреЛ рджреЛрдЧреБрдирд╛ рдХрд░рдХреЗ рдлреИрд▓рд╛рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдпрд╛рдиреА #FFF рдмрди рдЬрд╛рддрд╛ рд╣реИ #FFFFFF = rgb(255, 255, 255)ред

рдПрд▓реНрдлрд╝рд╛ (рдкрд╛рд░рджрд░реНрд╢рд┐рддрд╛) рдЪреИрдирд▓ рдХрд╛ рдХреНрдпрд╛? рдпрд╣ рдЯреВрд▓ рддреАрди-рдЪреИрдирд▓ рд╡рд╛рд▓реЗ RGB рд░рдВрдЧ рдХреЛ рд╕рдВрднрд╛рд▓рддрд╛ рд╣реИред рдПрд▓реНрдлрд╝рд╛ рд╕рд╣рд┐рдд 8-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ hex рдХреЛ рдХрд▓рд░ рдХрдиреНрд╡рд░реНрдЬрд╝рди рдХреЗ рд▓рд┐рдП рдЙрд╕рдХреЗ рдкрд╣рд▓реЗ рдЫрд╣ рдЕрдВрдХреЛрдВ рддрдХ рдХрд╛рдЯ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

RGB рд╕реЗ рд╡рд╛рдкрд╕ hex рдореЗрдВ рдХреИрд╕реЗ рдЬрд╛рдПрдБ? рд╣рд░ рдЪреИрдирд▓ рдХреА рд╡реИрд▓реНрдпреВ рдХреЛ рджреЛ-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реА рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рд╕рдВрдЦреНрдпрд╛ рдХреЗ рд░реВрдк рдореЗрдВ рд▓рд┐рдЦреЗрдВ рдФрд░ рдЙрдиреНрд╣реЗрдВ рдПрдХ # рдХреЗ рдмрд╛рдж рдЬреЛрдбрд╝ рджреЗрдВред рдЬреИрд╕реЗ 52, 152, 219 тЖТ 34, 98, DB тЖТ #3498DBред

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