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.$$
рд╣рд▓ рдХрд┐рдпрд╛ рд╣реБрдЖ рдЙрджрд╛рд╣рд░рдг
#3498DB рдХреЛ рд▓реАрдЬрд┐рдПред рдЗрд╕реЗ 34, 98, DB рдореЗрдВ рдмрд╛рдБрдЯреЗрдВред рд▓рд╛рд▓ = \(3\times16 + 4 = 52\)ред рд╣рд░рд╛ = \(9\times16 + 8 = 152\)ред рдиреАрд▓рд╛ = \(D(13)\times16 + B(11) = 208 + 11 = 219\)ред рдирддреАрдЬрд╛ рд╣реИ rgb(52, 152, 219) тАФ рдПрдХ рдЬрд╛рдирд╛-рдкрд╣рдЪрд╛рдирд╛ рдЖрд╕рдорд╛рдиреА рдиреАрд▓рд╛ рд░рдВрдЧред
рдЕрдХреНрд╕рд░ рдкреВрдЫреЗ рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рд╕рд╡рд╛рд▓
рдХреНрдпрд╛ рдЫреЛрдЯреЗ-рдмрдбрд╝реЗ рдЕрдХреНрд╖рд░ рдорд╛рдпрдиреЗ рд░рдЦрддреЗ рд╣реИрдВ? рдирд╣реАрдВред #abcdef рдФрд░ #ABCDEF рджреЛрдиреЛрдВ рд╕реЗ рдПрдХ рд╣реА RGB рдирддреАрдЬрд╛ рдорд┐рд▓рддрд╛ рд╣реИред
3-рдЕрдВрдХреАрдп рдХреЛрдб рдХрд╛ рдХреНрдпрд╛? #F60 рдЬреИрд╕рд╛ 3-рдЕрдВрдХреАрдп рд╣реЗрдХреНрд╕ рдПрдХ рд╢реЙрд░реНрдЯрд╣реИрдВрдб рд╣реИ рдЬрд┐рд╕рдореЗрдВ рд╣рд░ рдЕрдВрдХ рджреЛрдЧреБрдирд╛ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдХрдиреНрд╡рд░реНрдЬрд╝рди рд╕реЗ рдкрд╣рд▓реЗ рдпрд╣ #FF6600 рдмрди рдЬрд╛рддрд╛ рд╣реИред
рдорд╛рди 255 рдкрд░ рд╣реА рдХреНрдпреЛрдВ рд░реБрдХ рдЬрд╛рддреЗ рд╣реИрдВ? рд╣рд░ рдЪреИрдирд▓ рджреЛ рд╣реЗрдХреНрд╕ рдЕрдВрдХреЛрдВ рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░рддрд╛ рд╣реИ, рдФрд░ рджреЛ рдЕрдВрдХреЛрдВ рдХрд╛ рд╕рдмрд╕реЗ рдмрдбрд╝рд╛ рд╣реЗрдХреНрд╕ рдорд╛рди FF, 255 рдХреЗ рдмрд░рд╛рдмрд░ рд╣реЛрддрд╛ рд╣реИ тАФ рдпрд╛рдиреА рд╣рд░ рдЪреИрдирд▓ рдореЗрдВ 256 рд╕рдВрднрд╛рд╡рд┐рдд рд╕реНрддрд░ (0тАУ255)ред