RGB рд╕реЗ Hex рдХрдиреНрд╡рд░реНрдЯрд░ рдХреНрдпрд╛ рд╣реИ?
рдпрд╣ рдЯреВрд▓ RGB рдореЙрдбрд▓ рдореЗрдВ рджрд┐рдП рдЧрдП рдХрд┐рд╕реА рдХрд▓рд░ рдХреЛ тАФ рдпрд╛рдиреА рд░реЗрдб, рдЧреНрд░реАрди рдФрд░ рдмреНрд▓реВ рддреАрди рдЪреИрдирд▓, рдЬрд┐рдирдореЗрдВ рд╕реЗ рд╣рд░ рдПрдХ рдХреА рд╡реИрд▓реНрдпреВ 0 рд╕реЗ 255 рддрдХ рд╣реЛрддреА рд╣реИ тАФ #RRGGBB рдлреЙрд░реНрдореЗрдЯ рдХреЗ рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдХрд▓рд░ рдХреЛрдб рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИред HTML, CSS, рдбрд┐рдЬрд╝рд╛рдЗрди рд╕реЙрдлрд╝реНрдЯрд╡реЗрдпрд░ рдФрд░ рдЬрд╝реНрдпрд╛рджрд╛рддрд░ рдбрд┐рдЬрд┐рдЯрд▓ рдЯреВрд▓реНрд╕ рдореЗрдВ рд░рдВрдЧ рдмрддрд╛рдиреЗ рдХрд╛ рд╕реНрдЯреИрдВрдбрд░реНрдб рддрд░реАрдХрд╛ рд╣реЗрдХреНрд╕ рдХреЛрдб рд╣реА рд╣реИ, рдЗрд╕рд▓рд┐рдП 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)\) рдореЗрдВ рдмрдБрдЯ рдЬрд╛рддреА рд╣реИред
рдПрдХ рд╣рд▓ рдХрд┐рдпрд╛ рд╣реБрдЖ рдЙрджрд╛рд╣рд░рдг
"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) рдХрд░ рджреА рдЬрд╛рддреА рд╣реИрдВред