Мубаддилкунандаи Ранги HEX ба RGB

HEX ва RGB: ду роҳи навиштани як ранг

Ҳар ранге, ки шумо дар экран мебинед, аз се нур омехта шудааст: сурх, сабз ва кабуд. Ҳар серо баланд кунед ва сафед мегиред; ҳамаро хомӯш кунед ва сиёҳ мегиред. HEX ва RGB танҳо ду тарзи навишти дараҷаи равшании ҳар яке аз ин се канал мебошанд. Онҳо айнан ба ҳамон рангро ишора мекунанд, бинобар ин табдилгари хуб танҳо байни ду системаи навиштан тарҷума мекунад, бидуни он ки ягон гоҳ соягии воқеиро тағйир диҳад. Ин корест, ки ин абзор мекунад, комилан дар браузери шумо, дар ҳоле ки як намунаи зиндаро нишон медиҳад, то шумо натиҷаро бо чашми худ тасдиқ кунед.

Чӣ гуна рамзи гексро хонем

Ранги гекс ба монанди #1E90FF менамояд. Аломати ҳэш танҳо оғозро нишон медиҳад; шаш аломати баъд аз он се ҷуфтанд, ки бо намунаи #RRGGBB навишта шудаанд. Ҷуфти якум сурх аст, дуюм сабз, сеюм кабуд. Ҳар ҷуфт рақамест дар гексадесималӣ, яъне асоси 16, ки дар он рақамҳо аз 0-9 меравад ва баъд A, B, C, D, E, F барои 10 то 15 меистанд. Як ҷуфт метавонад арзишро аз 00 (канал комилан хомӯш) то FF (комилан равшан) нигоҳ дорад. Дар унвони даҳдаҳии оддӣ он доира дақиқ аз 0 то 255 аст, ҳамон миқёсе, ки RGB истифода мебарад. Бо 256 дараҷаи имконпазир барои ҳар канал, шакли шашрақама метавонад 16,777,216 ранги фарқкунандаро тасвир кунад.

Табдили ҳарду самт, бо мисоли кордашуда

Барои гузаштан аз HEX ба RGB, рамзро ба се ҷуфти он тақсим кунед ва ҳар кадомро аз асоси 16 ба даҳдаҳии муқаррарӣ табдил диҳед. #1E90FF-ро гиред. Ҷуфти сурх 1E аст: ин 1 зарб дар 16, плюс 14 (E), ки ба 30 баробар аст. Ҷуфти сабз 90 9 зарб дар 16, плюс 0, баробар ба 144 аст. Ҷуфти кабуд FF 15 зарб дар 16, плюс 15, баробар ба 255 аст. Пас #1E90FF ба rgb(30, 144, 255) табдил меёбад — ранги маъмули кабуди dodger.

Гузаштан ба самти дигар ҳамон раванди баръакс аст. Ҳар рақами RGB-ро гиред ва онро ҳамчун ду рақами гекс нависед. Сурхи холис, rgb(255, 0, 0), FF, 00 ва 00-ро медиҳад, ки якҷоя #FF0000 месозанд. Як чизе, ки арзиши дар хотир доштан дорад: агар арзиш аз 16 камтар бошад, шумо ҳанӯз ҳам ба ҳарду рақам эҳтиёҷ доред, бинобар ин 5 бояд 05 навишта шавад, на танҳо 5. Табдилгар ин пуркуниро барои шумо иҷро мекунад, аммо он мардумро вақте ки бо дасти худ мекунанд, мегазад.

Дар куҷо ҳар формат истифода мешавад

HEX забони ҳаррӯзаи веб аст. CSS, HTML ва аксари коде, ки шумо менависед, ба рамзҳои гекс мегарданд, зеро онҳо фушурда ва барои нусхабардорӣ осонанд. RGB одатан дар дохили абзорҳои тарроҳӣ ва тасвир пайдо мешавад — Figma, Photoshop, Sketch ва Illustrator одатан слайдерҳо ё майдонҳоро дар доираи 0-255 нишон медиҳанд, ва барномаҳои сабти экран ё видео низ аксар вақт RGB-ро интизоранд. Пас шумо мунтазам рамзи гексро аз як варақаи услуб мегиред ва ба шакли RGB-и он барои навиштан ба панели тарроҳӣ эҳтиёҷ доред, ё баръакс. Ҳамин рафтуо тамоми сабаби муфид будани табдилгар аст. Агар шумо ба сохтани маҷмӯаи пурраи соягиҳои мувофиқ эҳтиёҷ доред, на танҳо тарҷумаи як ранг, тавлидгари палитраи рангҳо-и мо нуқтаи оғози беҳтарест, ва шумо утилитаҳои бештари ба ин монандро дар зери абзорҳои барномасозон хоҳед ёфт.

Алфа, шаффофият ва HSL

Ҳарду навиштан шакли васеъшудае доранд, ки шаффофиятро илова мекунад. RGB ба rgba(30, 144, 255, 0.5) табдил меёбад, ки арзиши чорум алфа аст — 0 комилан шаффоф ва 1 комилан сахт аст. HEX ҷуфти чорумро барои ҳамин мақсад илова мекунад ва рамзи ҳаштрақамаи #RRGGBBAA-ро медиҳад; масалан 80 тахминан 50 фоиз шаффофиятро ифода мекунад. Баъзе табдилгарон инчунин HSL (тобиш, серобӣ, равшанӣ)-ро пешниҳод мекунанд, ки рангро ба тарзе тасвир мекунад, ки инсон шояд фикр кунад — тобишро аз доира интихоб кунед, сипас равшанӣ ва равшании онро танзим кунед. HSL модели зеҳнии дигар аст, на палитраи дигар, бинобар ин он метавонад шаффофтар бошад вақте ки шумо мехоҳед рангро равшантар ё нармтар кунед бидуни бозӣ бо се рақами алоҳида.

Саволҳои зуд додашаванда