رنگها زندگیبخش جهان و قلب و زبان طراحی و احساسات هستند. در این مقاله، ما قصد داریم رموز جادویی کدهای این مد رنگی را بازگو کنیم.
مد رنگی که چه مبتدی باشید و چه حرفه ای شاید هنوز بر رموز آن مسلط نشده باشید. به زبان بسیار ساده این کدها و به کار بردن آنها در طراحی های دیجیتال، رنگها و تصاویر را زنده خواهند کرد. پس با این مقاله از روشاگرافیک همراه شوید تا با تسلط بر این کدهای جادویی یک قدم بزرگ به سمت حرفه ای شدن در گرافیک و طراحی بردارید.
کد هگز (Hex code) چیست؟
دستگاه اعداد پایه ۱۶ یا دستگاه شانزدهشانزدهی (به انگلیسی: Hexadecimal ) (هِگزادِسیمال) (به اختصار hex)، در علوم رایانه و ریاضیات، سامانه عددنویسی بر پایه ۱۶ میباشد. این سیستم از نمادهای ۰ تا ۹ برای مقادیر صفر تا نه و از حروف A, B, C, D, E, F برای مقادیر ده تا پانزده استفاده میکند.
به علت گستردگی این سیستم، اعداد و حروف هگز در طراحی و رنگشناسی دیجیتال نشانگر رنگ خاصی در مد رنگی RGB (قرمز، سبز، آبی) هستند. هر کد Hex شامل یک نشانه (# هشتگ) و شش کاراکتر است. دو کاراکتر اول شدت قرمز را نشان میدهند، دو کاراکتر بعدی برای سبز و دو کاراکتر آخر برای آبی استفاده میشوند. این سیستم کد برای ایجاد رنگها، امکان ایجاد بیش از 16 میلیون رنگ منحصر به فرد را فراهم میکند. باید به خاطر داشته باشید که کدهای هگز زبانی جهانی برای طراحان و گرافیست های هستند و تضمین میکنند که رنگ دقیقی را که در هر جای جهان در یک برنامه انتخاب میکنید، در برنامههای دیگر نیز همانطور به نظر میرسد.
چگونگی کارکرد Hex code
مدل رنگی RGB میگوید که هر رنگ قابل دیدن توسط انسان میتواند با ترکیبات مختلف سه رنگ اصلی قرمز، سبز و آبی خلق شود. این مدل رنگی یک مدل جهانی در دستگاه های دیجیتال و دیداری (و نه چاپی) توسط انسانها است.
در دنیای دیجیتال، دقت مهم است. رنگها بر اساس مقیاسی از ۰ تا ۲۵۵ برای هر رنگ اصلی اندازهگیری میشوند که به طراحان و گرافیستها و حتی کدنویسان و برنامهنویسان امکان میدهد آنها را با دقت با هم ترکیب کرده تا رنگ موردنظر خود را ایجاد کنید. شاید تعجب کنید اگر بگوییم در اثر ترکیبات مختلف سه رنگ اصلی تقریبا ۱۶,۷۷۷,۲۱۶ رنگ مختلف ایجاد میشود.
روش خواندن کدهای رنگی Hex
کدهای رنگ Hex ، زبان رمزی رنگها در دنیای دیجیتال هستند. چون این کدها با ترکیبهای حروف و اعداد الفبایی هستند به نظر بسیار مرموز و سخت به نظر میرسند، اما باید بدانید که کشف رمز آنها درهایی را برای تسلط دقیق بر رنگ باز میکند.
نمایش شانزدهگانه: کدهای رنگ هگز از سیستم عددی شانزدهگانه استفاده میکنند، به این معنا که حاوی اعداد (0-9) و حروف (A-F) هستند. هر کاراکتر یک نیبل (چهار بیت) اطلاعات را نمایان میکند. به عنوان مثال، #FF5733 یک کد هگز برای یک رنگ نارنجی است.
ساختار شش کاراکتری: کدهای رنگ Hex از شش کاراکتر تشکیل شدهاند، معمولاً در جفتها، جفت اول شدت قرمز (R) را نشان می دهد، جفت دوم برای رنگ سبز (G) است و جفت آخر برای آبی. (B) به عنوان مثال، در #FF5733، FF شدت بالاترین قرمز را نشان میدهد، 57 سبز را و 33 آبی را نمایان میکند.
محدوده مقادیر: هر جفت کاراکتر در یک کد هگز از 00 (حداقل شدت) تا FF (حداکثر شدت) میرود که این امکان را فراهم میکند تا یک طیف گسترده از رنگها با بیش از ۱۶ میلیون رنگ ممکن از جمله رنگهای پاستل ایجاد شود.
زبان جهانی: کدهای Hex یک زبان جهانی برای ایجاد رنگها هستند. این کدها، رنگ دقیقی که در یک برنامه انتخاب کرده اید را در برنامههای دیگر نیز همانطور نشان میدهند و به عبارت بهتر در همه دستگاهها و پلتفرمها یکی هستند.
کاربرد در CSS و HTML : در طراحی سایت، کدهای هگز به طور رایج در CSS و HTML برای مشخص کردن رنگها برای متن، پسزمینهها و عناصر طراحی استفاده میشوند. به عنوان مثال، color: #FF5733؛ رنگ متن را به رنگ نارنجی خاصی نشان میدهد.
مسلط شدن به کدهای رنگ Hex شما را به یک متخصص رنگ دیجیتال تبدیل میکند. اگر شما طراح وبسایت، گرافیست حرفهای یا حتی متخصص رنگشناسی دیجیتال هستید، توانایی خواندن کدهای رنگ هگز میتواند شما را یک پله بالاتر از بقیه متخصص ها معرفی کند.
در زیر چند کد هگز بسیار زیبا و کاربردی از رنگها را برای شما معرفی میکنیم:
کد هگز رنگ طلایی (FFD700#):
این کد ترکیبی از یک قرمز خالص (FF)، سبز درخشان (D7) و بدون آبی (00) است.
کد هگز رنگ صورتی (#FFC0CB)
این کد شامل قرمز خالص (FF)، سبز ملايم (C0) و آبی بسیار لطیفی (CB) است.
کد هگز بنفش (#800080)
این کد ترکیب زیبایی از قرمز پرانرژی (80)، بدون سبز (00) و آبی بسیار لطیفی است.
کد هگز قرمز (#FF0000)
قرمز خالص (FF)، بدون سبز (00) و بدون آبی (00) یه قرمز خالص و گررررم به شما می دهد.
کد هگز سیاه (#000000)
یکی از خالص ترین و مبهوت کننده ترین مشکی ها را در این ترکیب می بینید. بدون قرمز ، سبز و آبی.
استخراج کدهای Hex از تصاویر
راه های مختلفی برای به دست آوردن دقیق کد Hex رنگها از تصاویر وجود دارد که در اینجا به چند روش آن اشاره میکنیم:
نرمافزارها
در برنامههایی مانند Adobe Photoshop و Adobe Illustrator راهی آسان برای شناسایی کدهای Hex از تصاویر وجود دارد مثل:
ابزار Eyedropper : تصویر خود را در Photoshop یا Illustrator باز کنید و ابزار Eyedropper را انتخاب کنید. میتوانید بر روی هر قسمت از تصویر کلیک کنید تا یک رنگ را نمونهبرداری کنید. حالا کد Hex آن رنگ را در پنل رنگها ببینید.
انتخاب رنگ: در هر دو نرمافزار، میتوانید به دیالوگ انتخاب رنگ دسترسی پیدا کنید که کد هگز را برای رنگ انتخابی نمایش میدهد.
افزونههای مرورگر
چند افزونه برای مرورگرها طراحی شده که به آسانی کدهای Hex تصاویر موجود در وبسایتها را نشان میدهند مانند:
افزونه ColorZilla : این افزونه را در مرورگر خود نصب کنید و از ابزار Eyedropper آن برای انتخاب رنگ از تصاویر در صفحات وب استفاده کنید. کد Hex هر رنگی که نمونه برداری میکنید نمایش داده میشود.
سازنده پالت: افزونه Palette Creator یک ابزار دیگر است که به شما امکان ایجاد پالت رنگ از تصاویر در صفحات وب را میدهد. این افزونه کدهای هگز تمام رنگهای پالت را نشان میدهد.
اپلیکیشنها
Adobe Capture: این اپلیکیشن موبایل توسط Adobe طراحی شده است و به شما اجازه میدهد که از محیط اطراف خود عکس بگیرید و سپس کدهای هگز رنگهای موجود در آن عکس را به شما میدهد.
وبسایتها
وبسایتهایی مانند ImageColorPicker.com به شما این امکان را میدهند که یک تصویر را بارگذاری و بر روی رنگی خاص از آن کلیک کرده و کدهای هگز آن رنگ را دریافت کنید.
تفاوت بین HEX و RGB چیست؟
در دنیای طراحی دیجیتال و رنگ، دو روش اصلی برای ایجاد رنگها وجود دارد: کدهای رنگ Hex و مدل رنگی RGB (قرمز، سبز، آبی). درک تفاوتهای این دو رویکرد برای مسلط شدن به ایجاد و کاربرد رنگ بسیار مهم است. اما این دو مد رنگی چه تفاوتی با هم دارند؟
مد رنگی هگز
نمایش الفبایی: کدهای رنگ هگز از نوع الفبایی هستند و شامل یک نماد هشتگ (#) و شش کاراکتر (برای مثال #FF5733 ) هستند. این کاراکترها شدت مؤلفههای قرمز، سبز و آبی را نمایان میکنند.
زبان یکنواخت: کدهای هگز یک زبان جهانی برای تعریف رنگها هستند و به وسیله آنها میتوان مطمئن بود که یک رنگ خاص در دستگاهها و پلتفرمهای مختلف یکسان ظاهر میشود.
دقت: کدهای هگز انتخاب رنگ دقیق را ممکن میکنند و با بیش از 16 میلیون ترکیب مختلف، بهترین ترکیبها را برای طراحی دیجیتال و توسعه وب میسازند.
مد رنگی RGB
اجزای عددی: مدل RGB بر اساس ارقام اعداد است، که از 0 تا 255 برای هر یک از رنگهای اصلی (قرمز، سبز، آبی) تعریف شده است. به عنوان مثال، (255، 87، 51) یک طیف خاص از رنگ نارنجی را نشان میدهد.
استفاده در سختافزارها: ارقام RGB به طور معمول در دستگاههای سختافزاری مانند مانیتورها و چاپگرها استفاده میشوند، جایی که رنگها با ترکیب شدن اندازههای مختلف نور قرمز، سبز و آبی ایجاد میشوند.
دامنه رنگ گستردهتر: RGB این مد رنگی قادر به نمایش رنگهایی خارج از دامنه معمول صفحهها است که برای برنامههای تخصصی بسیار کاربردی است.
هرچند که هر دو مد رنگی هگز و RGB راههایی برای مشخص کردن رنگی خاص ارائه میدهند، اما هرکدام در اهداف متفاوت استفاده میشوند و اغلب در زمینههای مختلف مورد استفاده قرار میگیرند. درک زمان و نحوه استفاده از هر روش، یک مهارت ارزشمند برای طراحان، توسعهدهندگان و هر کسی که با رنگها در دنیای دیجیتال سر و کار دارد، است.
***
در پایان این مطلب و پس از اینکه به طور کامل با مد رنگی HEX آشنا شدید، به شما یادآوری میکنیم که اگر در حوزه گرافیک و برنامه نویسی و کد نویسی فعالیت میکنید آشنایی با این مد رنگی و همچنین RGB بسیار به شما برای طراحی های دیجیتال و دیداری کمک خواهد کرد تا دایره درک شما از دنیای رنگها بسیار گستردهتر شود. همچنین با یادگیری مد رنگی CMYK که مخصوص چاپ روی کاغذ است و آن نیز نیاز به تحقیق و تفحص فراوان دارد و تقریبا هیچگونه شباهتی به این دو مد رنگی ندارد، میتوانید دایره علم خود را در مورد رنگها کامل کنید.
نظرات، اطلاعات تکمیلی و دانستنیهای تجربی خود را زیر همین پست برای ما و دیگر دوستانتان به اشتراک بگذارید.