HEX рд╕реЗ RGB рдХрдиреНрд╡рд░реНрдЯрд░ рдХреНрдпрд╛ рд╣реИ?
HEX рд╕реЗ RGB рдХрдиреНрд╡рд░реНрдЯрд░ рдПрдХ рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓ рдХрд▓рд░ рдХреЛрдб (рдЫрд╣ рдХреИрд░реЗрдХреНрдЯрд░ рд╡рд╛рд▓рд╛ рд╡рд╣ рдиреЛрдЯреЗрд╢рди рдЬреЛ CSS, HTML рдФрд░ рдбрд┐рдЬрд╝рд╛рдЗрди рдЯреВрд▓реНрд╕ рдореЗрдВ рдЗрд╕реНрддреЗрдорд╛рд▓ рд╣реЛрддрд╛ рд╣реИ) рдХреЛ рдЙрд╕рдХреА рдмрд░рд╛рдмрд░ RGB рд╡реИрд▓реНрдпреВ рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИред RGB рдХрд┐рд╕реА рд░рдВрдЧ рдХреЛ рддреАрди рдЪреИрдирд▓реЛрдВ тАФ рд░реЗрдб, рдЧреНрд░реАрди рдФрд░ рдмреНрд▓реВ тАФ рдХреЗ рд░реВрдк рдореЗрдВ рджрд░реНрд╢рд╛рддрд╛ рд╣реИ, рдФрд░ рд╣рд░ рдЪреИрдирд▓ рдХреА рд╡реИрд▓реНрдпреВ 0 рд╕реЗ 255 рдХреЗ рдмреАрдЪ рд╣реЛрддреА рд╣реИред рдПрдХ рд╣реЗрдХреНрд╕ рдХреЛрдб рдЗрдиреНрд╣реАрдВ рддреАрди рд╡реИрд▓реНрдпреВ рдХреЛ рдПрдХ рдЫреЛрдЯреЗ-рд╕реЗ рдмреЗрд╕-16 рд╕реНрдЯреНрд░рд┐рдВрдЧ рдореЗрдВ рд╕рдореЗрдЯ рджреЗрддрд╛ рд╣реИ, рдЬреИрд╕реЗ #3498DBред
рдЗрд╕рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХреИрд╕реЗ рдХрд░реЗрдВ
рдлрд╝реАрд▓реНрдб рдореЗрдВ рдХреЛрдИ рднреА рд╣реЗрдХреНрд╕ рдХрд▓рд░ рдХреЛрдб рдЯрд╛рдЗрдк рдХрд░реЗрдВред рдЖрдк рд╢реБрд░реБрдЖрдд рдореЗрдВ # рд▓рдЧрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдпрд╛ рдЫреЛрдбрд╝ рднреА рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ 3-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓рд╛ рд╢реЙрд░реНрдЯрд╣реИрдВрдб (рдЬреИрд╕реЗ #0AF) рднреА рдбрд╛рд▓ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рдЕрдкрдиреЗ-рдЖрдк 6-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ рд░реВрдк (#00AAFF) рдореЗрдВ рдмрджрд▓ рдЬрд╛рддрд╛ рд╣реИред рдХреИрд▓рдХреБрд▓реЗрдЯ рджрдмрд╛рддреЗ рд╣реА рдЖрдкрдХреЛ RGB рдЯреНрд░рд┐рдкрд▓реЗрдЯ, рдПрдХ рдХрд▓рд░ рд╕реНрд╡реИрдЪ, рдФрд░ рд╣рд░ рдЪреИрдирд▓ рдХреА рдЕрд▓рдЧ-рдЕрд▓рдЧ рд╡реИрд▓реНрдпреВ рджрд┐рдЦ рдЬрд╛рдПрдЧреАред
рдлрд╝реЙрд░реНрдореВрд▓рд╛ рдЖрд╕рд╛рди рд╢рдмреНрджреЛрдВ рдореЗрдВ
6-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ рд╣реЗрдХреНрд╕ рдХреЛрдб рдХреЛ рддреАрди рдЬреЛрдбрд╝рд┐рдпреЛрдВ рдореЗрдВ рдмрд╛рдБрдЯрд╛ рдЬрд╛рддрд╛ рд╣реИ: рдкрд╣рд▓рд╛ рдФрд░ рджреВрд╕рд░рд╛ рдХреИрд░реЗрдХреНрдЯрд░ рд░реЗрдб, рддреАрд╕рд░рд╛ рдФрд░ рдЪреМрдерд╛ рдЧреНрд░реАрди, рдФрд░ рдкрд╛рдБрдЪрд╡рд╛рдБ-рдЫрдард╛ рдмреНрд▓реВ рджрд░реНрд╢рд╛рддреЗ рд╣реИрдВред рд╣рд░ рдЬреЛрдбрд╝реА рдПрдХ рдмреЗрд╕-16 (рд╣реЗрдХреНрд╕рд╛рдбреЗрд╕рд┐рдорд▓) рд╕рдВрдЦреНрдпрд╛ рд╣реЛрддреА рд╣реИ рдЬрд┐рд╕реЗ рдмреЗрд╕-10 (рдбреЗрд╕рд┐рдорд▓) рдореЗрдВ рдмрджрд▓рд╛ рдЬрд╛рддрд╛ рд╣реИред
$$(R,\,G,\,B) = \left( \text{hex}_{1\text{-}2},\ \text{hex}_{3\text{-}4},\ \text{hex}_{5\text{-}6} \right)_{16}$$рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдЬреЛрдбрд╝реА FF рдХрд╛ рдорддрд▓рдм рд╣реИ \(15\times16 + 15 = 255\), рдпрд╛рдиреА рд╕рдмрд╕реЗ рдЬрд╝реНрдпрд╛рджрд╛ рддреАрд╡реНрд░рддрд╛, рдЬрдмрдХрд┐ 00 рдХрд╛ рдорддрд▓рдм 0 рд╣реЛрддрд╛ рд╣реИред
рд╣рд▓ рдХрд┐рдпрд╛ рд╣реБрдЖ рдЙрджрд╛рд╣рд░рдг
рдорд╛рди рд▓реАрдЬрд┐рдП #3498DBред рд░реЗрдб = 34 = \(3\times16 + 4 = 52\)ред рдЧреНрд░реАрди = 98 = \(9\times16 + 8 = 152\)ред рдмреНрд▓реВ = DB = \(13\times16 + 11 = 219\)ред рдирддреАрдЬрд╛ рд╣реИ rgb(52, 152, 219) тАФ рдПрдХ рд╕реБрд╣рд╛рд╡рдирд╛ рдореАрдбрд┐рдпрдо рдиреАрд▓рд╛ рд░рдВрдЧред
рдЕрдХреНрд╕рд░ рдкреВрдЫреЗ рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рд╕рд╡рд╛рд▓
рдХреНрдпрд╛ # рдЪрд┐рд╣реНрди рд▓рдЧрд╛рдирд╛ рдЬрд╝рд░реВрд░реА рд╣реИ? рдирд╣реАрдВред рдХрдиреНрд╡рд░реНрдЯрд░ рдЗрд╕реЗ рдЕрдкрдиреЗ-рдЖрдк рд╣рдЯрд╛ рджреЗрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП 3498db рдФрд░ #3498DB рджреЛрдиреЛрдВ рд╕реЗ рдПрдХ рд╣реА рдирддреАрдЬрд╛ рдорд┐рд▓рддрд╛ рд╣реИред
рдХреНрдпрд╛ рд╣реЗрдХреНрд╕ рдореЗрдВ рдЫреЛрдЯреЗ-рдмрдбрд╝реЗ рдЕрдХреНрд╖рд░ рдорд╛рдпрдиреЗ рд░рдЦрддреЗ рд╣реИрдВ? рдирд╣реАрдВред ff рдФрд░ FF рдПрдХ рд╣реА рд╣реИрдВ; рдпрд╣ рдЯреВрд▓ рд╕рдм рдХреБрдЫ рдЕрдкрд░рдХреЗрд╕ рдореЗрдВ рдмрджрд▓ рджреЗрддрд╛ рд╣реИред
3-рдЕрдВрдХреЛрдВ рд╡рд╛рд▓реЗ рдХреЛрдб рдХрд╛ рдХреНрдпрд╛? #F00 рдЬреИрд╕реЗ рд╢реЙрд░реНрдЯрд╣реИрдВрдб рдореЗрдВ рд╣рд░ рдЕрдВрдХ рдХреЛ рджреЛрдЧреБрдирд╛ рдХрд░рдХреЗ #FF0000 рдмрдирд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬреЛ rgb(255, 0, 0) (рд╢реБрджреНрдз рд▓рд╛рд▓) рдХреЗ рдмрд░рд╛рдмрд░ рд╣реИред