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

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

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

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

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

рд╣реЗрдХреНрд╕ рдХрд▓рд░ рдХреЛрдб
#FFA500
rgb(255, 165, 0)
рдЪреИрдирд▓ рджрд╢рдорд▓рд╡ рд╣реЗрдХреНрд╕
рд░реЗрдб 255 FF
рдЧреНрд░реАрди 165 A5
рдмреНрд▓реВ 0 00

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

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

рд▓рд╛рд▓, рд╣рд░реЗ рдФрд░ рдиреАрд▓реЗ рдХреЗ рд▓рд┐рдП рддреАрди RGB рд╕реНрд▓рд╛рдЗрдбрд░ рдЬреЛ рдПрдХ рд╣реА рд░рдВрдЧ рдХреЗ рдирдореВрдиреЗ рдореЗрдВ рдорд┐рд▓рддреЗ рд╣реИрдВ
RGB рд▓рд╛рд▓, рд╣рд░реЗ рдФрд░ рдиреАрд▓реЗ рдЪреИрдирд▓реЛрдВ (рдкреНрд░рддреНрдпреЗрдХ 0-255) рдХреЛ рдПрдХ рд░рдВрдЧ рдореЗрдВ рдорд┐рд▓рд╛рддрд╛ рд╣реИред

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

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

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

рд╣рд░ рдЪреИрдирд▓ рдХреЛ рдЖрдзрд╛рд░ 16 (base 16) рдореЗрдВ рдмрджрд▓рд╛ рдЬрд╛рддрд╛ рд╣реИред 0 рд╕реЗ 255 рддрдХ рдХрд╛ рдХреЛрдИ рднреА рдмрд╛рдЗрдЯ рд╣рдореЗрд╢рд╛ рдареАрдХ рджреЛ рд╣реЗрдХреНрд╕ рдЕрдВрдХреЛрдВ рдореЗрдВ рдЖ рдЬрд╛рддрд╛ рд╣реИ (00 рд╕реЗ FF рддрдХ)ред рдХрд┐рд╕реА рдорд╛рди v рдХреЛ рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП, рдКрдкрд░ рд╡рд╛рд▓рд╛ рдЕрдВрдХ floor(v / 16) рд╕реЗ рдФрд░ рдиреАрдЪреЗ рд╡рд╛рд▓рд╛ рдЕрдВрдХ v mod 16 рд╕реЗ рдирд┐рдХрд╛рд▓реЗрдВ, рдЬрд╣рд╛рдБ 10-15 рдХреЛ A-F рдореЗрдВ рдореИрдк рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдПрдХ рдЕрдВрдХ рд╡рд╛рд▓реЗ рдирддреАрдЬреЛрдВ рдХреЗ рдЖрдЧреЗ рд╢реВрдиреНрдп рд▓рдЧрд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддрд╛рдХрд┐ рд╣рд░ рдЪреИрдирд▓ рджреЛ рдЕрдХреНрд╖рд░реЛрдВ рдХрд╛ рд╣реЛред рдлрд┐рд░ рдЗрди рддреАрдиреЛрдВ рджреЛ-рдЕрдВрдХреАрдп рд╣рд┐рд╕реНрд╕реЛрдВ рдХреЛ рдПрдХ # рдХреЗ рдкреАрдЫреЗ рдЬреЛрдбрд╝ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

$$\text{Hex} = \text{\#} \; \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$

рдПрдХ рджрд╢рдорд▓рд╡ рдЪреИрдирд▓ рдорд╛рди рджреЛ рдЕрдВрдХреЛрдВ рдХреА рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдЬреЛрдбрд╝реА рдореЗрдВ рдмрджрд▓рд╛ рдЧрдпрд╛
рдкреНрд░рддреНрдпреЗрдХ 0-255 рдЪреИрдирд▓ рджреЛ рдЕрдВрдХреЛрдВ рдХреА рд╣реЗрдХреНрд╕ рдЬреЛрдбрд╝реА рдмрдирддрд╛ рд╣реИ, рдЬреЛ # рдХреЗ рдмрд╛рдж рдЬреБрдбрд╝рддреА рд╣реИред

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд╕рд╛рде рд╕рдордЭреЗрдВ

RGB(255, 165, 0) рдХреЗ рд▓рд┐рдП: рд░реЗрдб 255 = FF, рдЧреНрд░реАрди 165 = (\(165 \div 16 = 10\) рд╢реЗрд╖ 5) тЖТ A5, рдмреНрд▓реВ 0 = 00ред рдЗрдиреНрд╣реЗрдВ рдЬреЛрдбрд╝рдиреЗ рдкрд░ рдорд┐рд▓рддрд╛ рд╣реИ #FFA500, рдпрд╛рдиреА рдорд╢рд╣реВрд░ рд╡реЗрдм рд░рдВрдЧ "рдСрд░реЗрдВрдЬ"ред

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

рдХреБрдЫ рд╣реЗрдХреНрд╕ рдХреЛрдб рд╕рд┐рд░реНрдлрд╝ 3 рдЕрдВрдХ рдХреЗ рдХреНрдпреЛрдВ рд╣реЛрддреЗ рд╣реИрдВ? #FFF рдЬреИрд╕рд╛ рд╢реЙрд░реНрдЯрд╣реИрдВрдб рджрд░рдЕрд╕рд▓ #RRGGBB рдХрд╛ рд╣реА рдЫреЛрдЯрд╛ рд░реВрдк рд╣реИ, рдЬрд╣рд╛рдБ рд╣рд░ рдЬреЛрдбрд╝реА рджреЛрд╣рд░рд╛рдИ рдЬрд╛рддреА рд╣реИ (рдпрд╛рдиреА #FFF = #FFFFFF)ред рдпрд╣ рдЯреВрд▓ рд╣рдореЗрд╢рд╛ рдкреВрд░рд╛ 6-рдЕрдВрдХреАрдп рд░реВрдк рд╣реА рджреЗрддрд╛ рд╣реИред

FF рдХрд╛ рдорддрд▓рдм рдХреНрдпрд╛ рд╣реИ? FF рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдореЗрдВ 255 рдХреЗ рдмрд░рд╛рдмрд░ рд╣реИ, рдпрд╛рдиреА рдХрд┐рд╕реА рдЪреИрдирд▓ рдХреА рдЕрдзрд┐рдХрддрдо рддреАрд╡реНрд░рддрд╛ред

рдХреНрдпрд╛ рдореИрдВ 255 рд╕реЗ рдЬрд╝реНрдпрд╛рджрд╛ рдорд╛рди рдбрд╛рд▓ рд╕рдХрддрд╛ рд╣реВрдБ? рдЪреИрдирд▓ рд╕рд┐рд░реНрдлрд╝ 0-255 рдХреА рд╕реАрдорд╛ рдореЗрдВ рд╣реЛрддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рдЗрд╕рд╕реЗ рдмрдбрд╝реЗ рдЗрдирдкреБрдЯ рдХреЛ 255 рддрдХ (рдФрд░ рдЛрдгрд╛рддреНрдордХ рдорд╛рдиреЛрдВ рдХреЛ 0 рддрдХ) рд╕реАрдорд┐рдд рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

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