انتخاب‌گر و مبدل رنگ

مدل‌های رنگ

مدل رنگ سیستمی برای توصیف رنگ‌ها به صورت عددی است. مدل‌های مختلف بسته به اینکه خروجی نمایشگر، چاپگر یا مشخصات طراحی باشد، در زمینه‌های مختلف استفاده می‌شوند.

RGB / RGBA

فرمت

RGB رنگ‌ها را با ترکیب نور قرمز، سبز و آبی تعریف می‌کند. هر کانال از ۰ تا ۲۵۵ است. rgb(255, 0, 0) قرمز خالص است. rgb(255, 255, 255) سفید است. کانال A (آلفا) شفافیت اضافه می‌کند، از ۰ (کاملاً شفاف) تا ۱ (کاملاً مات). مثلاً rgba(255, 0, 0, 0.5) قرمز نیمه‌شفاف است. RGB مدل رنگ بومی نمایشگرها و صفحه‌نمایش‌های دیجیتال است.

تاریخچه

مدل RGB ریشه در نظریه سه‌رنگی بینایی Young-Helmholtz از قرن نوزدهم دارد. James Clerk Maxwell اولین آزمایش‌های عکاسی رنگی RGB را در سال ۱۸۶۱ انجام داد. RGB با توسعه تلویزیون‌های رنگی CRT در دهه‌های ۱۹۳۰ و ۱۹۴۰ به استاندارد نمایشگرهای الکترونیکی تبدیل شد و بعداً برای مانیتورهای کامپیوتر پذیرفته شد. فضای رنگی sRGB به طور رسمی در HTML 3.2 در ژانویه ۱۹۹۷ به عنوان استاندارد وب پذیرفته شد.

HEX / HEXA

فرمت

HEX نشانه‌گذاری فشرده‌ای برای مقادیر RGB با استفاده از هگزادسیمال است. #FF0000 معادل rgb(255, 0, 0) است. هر جفت رقم هگز یک کانال را نمایش می‌دهد: #RRGGBB. فرم ۸ رقمی #RRGGBBAA کانال آلفا اضافه می‌کند، که 00 کاملاً شفاف و FF کاملاً مات است. مثلاً #FF000080 قرمز با ۵۰٪ شفافیت است. فرم‌های کوتاه مانند #F00 به #FF0000 گسترش می‌یابند.

تاریخچه

نشانه‌گذاری رنگ هگز در مرورگرهای وب اولیه در اواسط دهه ۱۹۹۰ ایجاد شد. اولین نسخه‌های Mosaic و Netscape Navigator سیستم نام رنگ X11 را به ارث بردند. CSS سطح ۱ که در دسامبر ۱۹۹۶ توسط Hakon Wium Lie و Bert Bos منتشر شد، سه‌تایی‌های هگز را به طور رسمی به عنوان روش اصلی مشخص کردن رنگ‌ها در وب استاندارد کرد.

HSL / HSLA

فرمت

HSL رنگ را به صورت رنگ‌مایه، اشباع و روشنایی توصیف می‌کند. رنگ‌مایه درجه‌ای روی چرخه رنگ (۰-۳۶۰) است: ۰ قرمز، ۱۲۰ سبز، ۲۴۰ آبی. اشباع (۰-۱۰۰٪) شدت رنگ را کنترل می‌کند. روشنایی (۰-۱۰۰٪) روشنی را کنترل می‌کند، که ۰٪ سیاه و ۱۰۰٪ سفید است. HSL اغلب برای انتخاب رنگ‌ها بصری‌تر از RGB است زیرا می‌توانید روشنایی و اشباع را مستقلاً تنظیم کنید.

تاریخچه

HSL اولین بار توسط George H. Joblove و Donald Greenberg در مقاله‌ای در سال ۱۹۷۸ در Computer Graphics توصیف شد. برای حل مشکل اساسی RGB ایجاد شد: ترکیب مقادیر قرمز، سبز و آبی برای انسان‌ها غیربصری است. HSL فضای رنگ RGB را بازآرایی می‌کند تا هنرمندان و طراحان بتوانند بر حسب رنگ (رنگ‌مایه)، زنده بودن (اشباع) و روشنایی فکر کنند، که با نحوه توصیف طبیعی رنگ‌ها توسط انسان‌ها سازگارتر است.

HSV / HSB

فرمت

HSV (رنگ‌مایه، اشباع، مقدار) مشابه HSL است اما به جای روشنایی از «مقدار» (درخشندگی) استفاده می‌کند. با مقدار ۱۰۰٪، رنگ‌های کاملاً اشباع خالص و درخشان هستند. HSV به طور طبیعی‌تری با نحوه کار انتخاب‌گرهای رنگ مطابقت دارد: پنل اشباع/درخشندگی S و V را تنظیم می‌کند در حالی که لغزنده رنگ‌مایه H را تنظیم می‌کند.

تاریخچه

HSV توسط Alvy Ray Smith در اوت ۱۹۷۸ هنگام کار در آزمایشگاه گرافیک کامپیوتری مؤسسه فناوری نیویورک توصیف شد. در همان شماره Computer Graphics به عنوان HSL منتشر شد. Smith این مدل را برای استفاده در یک برنامه نقاشی دیجیتال اولیه طراحی کرد، جایی که هنرمندان به روشی بصری برای انتخاب رنگ‌ها روی صفحه نیاز داشتند. مدل استوانه‌ای HSV پیاده‌سازی آن را به عنوان انتخاب‌گر رنگ با لغزنده رنگ‌مایه و پنل اشباع/درخشندگی طبیعی ساخت.

CMYK

فرمت

CMYK (فیروزه‌ای، سرخابی، زرد، مشکی/کلید) در چاپ استفاده می‌شود. در حالی که RGB افزایشی (نور) است، CMYK کاهشی (جوهر) است. هر مقدار درصد جوهر اعمال‌شده را نمایش می‌دهد. cmyk(0, 100, 100, 0) قرمز تولید می‌کند. تبدیل بین RGB و CMYK تقریبی است زیرا آن‌ها محدوده رنگی (گامت) متفاوتی را پوشش می‌دهند.

تاریخچه

مبانی CMYK به Jacob Christoph Le Blon بازمی‌گردد که چاپ رنگی نیمه‌تون را با استفاده از صفحات مسی جداگانه در حدود سال ۱۷۱۰ اختراع کرد. او ابتدا از صفحات قرمز، زرد و آبی استفاده کرد و بعداً صفحه مشکی را برای خطوط و متن تیزتر اضافه کرد. فرآیند مدرن چهار رنگی CMYK اولین بار در دهه ۱۸۹۰ برای تصاویر رنگی روزنامه‌ای پیاده‌سازی شد. صفحه مشکی «کلید» نامیده می‌شود زیرا جزئیات ظریفی را حمل می‌کند که صفحات دیگر نسبت به آن تراز (کلید) می‌شوند.

فرمت‌های رنگ CSS

CSS مدرن از چندین نشانه‌گذاری رنگ پشتیبانی می‌کند:

• #FF5733 یا #ff5733 (HEX)
• rgb(255, 87, 51) یا rgba(255, 87, 51, 0.5)
• hsl(14, 100%, 60%) یا hsla(14, 100%, 60%, 0.5)
• رنگ‌های نام‌گذاری‌شده: red، cornflowerblue، rebeccapurple (در مجموع ۱۴۸ رنگ نام‌گذاری‌شده)