Hex рд╕реЗ RGB рдХрдиреНрд╡рд░реНрдЯрд░ рдХреНрдпрд╛ рд╣реИ?
рд╣реЗрдХреНрд╕ рдХрд▓рд░ рдХреЛрдб рдХрд┐рд╕реА рд░рдВрдЧ рдХреЛ рджрд░реНрд╢рд╛рдиреЗ рд╡рд╛рд▓рд╛ рдЫрд╣ рдЕрдВрдХреЛрдВ рдХрд╛ рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдХреЛрдб рд╣реЛрддрд╛ рд╣реИ, рдЬрд┐рд╕рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рд╡реЗрдм рдбрд┐рдЬрд╝рд╛рдЗрди, CSS рдФрд░ рдбрд┐рдЬрд┐рдЯрд▓ рдЧреНрд░рд╛рдлрд╝рд┐рдХреНрд╕ рдореЗрдВ рдЦреВрдм рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ рддреАрди рдХрд▓рд░ рдЪреИрдирд▓ тАФ рд░реЗрдб, рдЧреНрд░реАрди рдФрд░ рдмреНрд▓реВ тАФ рдХреА рддреАрд╡реНрд░рддрд╛ рдХреЛ рдмреЗрд╕-16 рдЕрдВрдХреЛрдВ (0тАУ9 рдФрд░ AтАУF) рдХреЗ рдЬрд╝рд░рд┐рдП рдХреЛрдб рдХрд░рддрд╛ рд╣реИред рдпрд╣ рдХрдиреНрд╡рд░реНрдЯрд░ #3498DB рдЬреИрд╕реЗ рдХрд┐рд╕реА рд╣реЗрдХреНрд╕ рдХреЛрдб рдХреЛ рдЙрд╕рдХреЗ рдмрд░рд╛рдмрд░ рдХреЗ RGB рдЯреНрд░рд┐рдкрд▓реЗрдЯ рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИ, рдЬрд┐рд╕рдХреА рдЬрд╝рд░реВрд░рдд рдХрдИ рдбрд┐рдЬрд╝рд╛рдЗрди рдЯреВрд▓, рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рднрд╛рд╖рд╛рдУрдВ рдФрд░ рдЗрдореЗрдЬ рдПрдбрд┐рдЯрд░ рдореЗрдВ рдкрдбрд╝рддреА рд╣реИред
рдЗрд╕рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХреИрд╕реЗ рдХрд░реЗрдВ
рдКрдкрд░ рджрд┐рдП рдЧрдП рдлрд╝реАрд▓реНрдб рдореЗрдВ рдЕрдкрдирд╛ рд╣реЗрдХреНрд╕ рдХрд▓рд░ рдХреЛрдб рдбрд╛рд▓реЗрдВред рдЖрдк рд╢реБрд░реВ рдореЗрдВ # рд▓рдЧрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛ рдЫреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ тАФ рджреЛрдиреЛрдВ рддрд░реАрдХреЗ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВред рдЫрд╣ рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ рд╕реНрдЯреИрдВрдбрд░реНрдб рдХреЛрдб (#RRGGBB) рдФрд░ рддреАрди рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ рд╢реЙрд░реНрдЯрд╣реИрдВрдб рдХреЛрдб (#RGB) тАФ рджреЛрдиреЛрдВ рд╕рдкреЛрд░реНрдЯ рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ; рд╢реЙрд░реНрдЯрд╣реИрдВрдб рдЕрдкрдиреЗ рдЖрдк рдкреВрд░рд╛ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ (рдЬреИрд╕реЗ #0AF рдмрдирдХрд░ #00AAFF рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ)ред рдирддреАрдЬреЗ рдореЗрдВ рдкреВрд░реА rgb(r, g, b) рд╕реНрдЯреНрд░рд┐рдВрдЧ, рд╣рд░ рдЪреИрдирд▓ рдХреА рдЕрд▓рдЧ рд╡реИрд▓реНрдпреВ рдФрд░ рдПрдХ рд▓рд╛рдЗрд╡ рдХрд▓рд░ рд╕реНрд╡реИрдЪ рджрд┐рдЦрддрд╛ рд╣реИред
рдлрд╝реЙрд░реНрдореВрд▓рд╛ рд╕рдордЭреЗрдВ
рд╣рд░ рдХрд▓рд░ рдЪреИрдирд▓ рджреЛ рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдЕрдВрдХреЛрдВ рдХрд╛ рд╣реЛрддрд╛ рд╣реИред рдкрд╣рд▓реЗ рджреЛ рдЕрдХреНрд╖рд░ рд░реЗрдб рдХреЛ, рдмреАрдЪ рдХреЗ рджреЛ рдЧреНрд░реАрди рдХреЛ рдФрд░ рдЖрдЦрд╝рд┐рд░реА рджреЛ рдмреНрд▓реВ рдХреЛ рджрд░реНрд╢рд╛рддреЗ рд╣реИрдВред рд╣рд░ рдЬреЛрдбрд╝реА рдХреЛ рдмреЗрд╕ 16 рд╕реЗ рдмреЗрд╕ 10 рдореЗрдВ рдмрджрд▓рд╛ рдЬрд╛рддрд╛ рд╣реИ:
$$\begin{gathered} (R,\,G,\,B) = \bigl(\text{hex}_{[1\text{-}2]},\ \text{hex}_{[3\text{-}4]},\ \text{hex}_{[5\text{-}6]}\bigr)_{16} \\[1.5em] \text{where}\quad \left\{ \begin{aligned} R &= \text{Int}_{16}\!\left(\text{Hex}[1\text{-}2]\right) \\ G &= \text{Int}_{16}\!\left(\text{Hex}[3\text{-}4]\right) \\ B &= \text{Int}_{16}\!\left(\text{Hex}[5\text{-}6]\right) \end{aligned} \right. \end{gathered}$$\(R = \text{int}(\text{hex}[0{:}2],\ 16)\), \(G = \text{int}(\text{hex}[2{:}4],\ 16)\), \(B = \text{int}(\text{hex}[4{:}6],\ 16)\)ред рд╣рд░ рдЪреИрдирд▓ рдХреА рд░реЗрдВрдЬ 0 (00) рд╕реЗ 255 (FF) рддрдХ рд╣реЛрддреА рд╣реИред
рд╣рд▓ рдХрд┐рдпрд╛ рд╣реБрдЖ рдЙрджрд╛рд╣рд░рдг
рдорд╛рди рд▓реАрдЬрд┐рдП #3498DBред рд░реЗрдб рдЬреЛрдбрд╝реА 34 рд╣реИ, рдпрд╛рдиреА \(3 \times 16 + 4 = \mathbf{52}\)ред рдЧреНрд░реАрди рдЬреЛрдбрд╝реА 98 рд╣реИ, рдпрд╛рдиреА \(9 \times 16 + 8 = \mathbf{152}\)ред рдмреНрд▓реВ рдЬреЛрдбрд╝реА DB рд╣реИ, рдЬрд╣рд╛рдБ \(D = 13\) рдФрд░ \(B = 11\) рд╣реЛрддрд╛ рд╣реИ, рдпрд╛рдиреА \(13 \times 16 + 11 = \mathbf{219}\)ред рддреЛ #3498DB = rgb(52, 152, 219)ред
рдЕрдХреНрд╕рд░ рдкреВрдЫреЗ рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рд╕рд╡рд╛рд▓
FFFFFF рдХрд┐рд╕рдореЗрдВ рдмрджрд▓рддрд╛ рд╣реИ? рд╢реБрджреНрдз рд╕рдлрд╝реЗрдж: rgb(255, 255, 255)ред рдФрд░ 000000 рд╢реБрджреНрдз рдХрд╛рд▓рд╛ рд╣реЛрддрд╛ рд╣реИ: rgb(0, 0, 0)ред
рдХреНрдпрд╛ рдореИрдВ 3 рдЕрдВрдХреЛрдВ рд╡рд╛рд▓рд╛ рдХреЛрдб рдбрд╛рд▓ рд╕рдХрддрд╛ рд╣реВрдБ? рд╣рд╛рдБред рддреАрди рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ рд╢реЙрд░реНрдЯрд╣реИрдВрдб рдореЗрдВ рд╣рд░ рдЕрдВрдХ рджреЛрдЧреБрдирд╛ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ тАФ #F00 рдмрдирдХрд░ #FF0000 = rgb(255, 0, 0) рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред
рдХреНрдпрд╛ # рд▓рдЧрд╛рдирд╛ рдЬрд╝рд░реВрд░реА рд╣реИ? рдирд╣реАрдВред рдХрдиреНрд╡рд░реНрдЯрд░ рд╢реБрд░реВ рдореЗрдВ рд▓рдЧрд╛ рдХреЛрдИ рднреА # рдЕрдкрдиреЗ рдЖрдк рд╣рдЯрд╛ рджреЗрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП #1A2B3C рдФрд░ 1A2B3C рджреЛрдиреЛрдВ рдЪрд▓рддреЗ рд╣реИрдВред