e8456f# یک نماد رنگ هگزادسیمال۱ است که معمولاً در HTML و CSS استفاده می‌شود. جایی‌که هر سه رنگ اصلی (قرمز، سبز، آبی) با جفت‌های ارزش ترکیبی نشان داده می‌شود:
- e8 = Red
- ۴۵ = Green
- ۶f = Blue
همچنین می‌تواند به عنوان (۲۳۲ ، ۷۱ ، ۱۱۱) rgb یا حتی (۳۴۵ ، ۷۸٪ ، ۵۹٪) hsl نشان داده شود.
مگر اینکه شما یک دانای کل هگزادسیمال باشید که بتوانید رنگ را در ذهنتان تشخیص دهید.
برای به دست آوردن نمای تصویری از e8456f# ، باید این مقدار را به یک برنامه طراحی یا ویرایشگر کد وصل کنید.
تفاوت در چیست؟
RGB یک مدل رنگی افزودنی است که در آن نور قرمز، سبز و آبی با یکدیگر ترکیب می‌شود تا بسیاری از رنگ‌های دیگر (۱۶+ میلیون) را تولید کند.
این مقدار رنگ بطور قابل توجهی بیشتر از آن چیزیست که ما به یاد بیاوریم، اما برای یک دستگاه سخت نیست.
ولی تناقض اینجاست: این نام‌گذاری قراردادی برای دستگاه‌هاست نه برای انسان.
(۲۳۲ ، ۷۱ ، ۱۱۱) rgb شبیه به نماد اعشاری هگزاست، به این ترتیب که هر مقدار نشان دهنده اندازه نور قرمز، سبز یا آبی در رنگ، از ۰-۲۵۵ آن است:
- ۲۳۲ = Red
- ۷۱ = Green
- ۱۱۱ = Blue
این نماد تا حدودی قابل درک‌تر است، اکنون می‌بینیم که رنگ غالب در نمونه فوق ما قرمز است، زیرا نزدیکترین نقطه به ۲۵۵ است.
بهتر نیست که مفهومی انسانی‌تر برای نام‌گذاری رنگ ها داشته باشید؟…
خوشبختانه، وجود دارد. من در مورد ۱۴۰ رنگ موجود صحبت نمی‌کنم. من در مورد رنگ‌های HSL صحبت می‌کنم. جایی که مقادیر رنگ‌ها به شرح زیر است:
فام ۲ (hue): “رنگ” مقابل رنگ ، یعنی: زرد در مقابل قرمز. این مقدار مطابق با موقعیت رنگ در چرخه رنگ است، از ۰-۳۶۰º جایی که (قرمز = ۰ / ۳۶۰º) ، (زرد = ۶۰º) و (آبی = ۲۷۰º).
این به عنوان یک عدد صحیح بدون واحد منتقل می‌شود.
اشباع ۳ (Saturation) : رنگ چقدر خالص یا واضح است. این مقدار با درصد بین ۰-۱۰۰٪ نشان داده می‌شود، جایی که ۰= خاکستری خنثی (۰٪ رنگ) و ۱۰۰٪ رنگ خالص/کامل اشباع است.
روشنی ۴ (Lightness): روشنی یا تیرگی رنگ.
این مقدار پوشش از سیاه خالص (تیره ترین) تا سفید خالص (روشن ترین) می‌باشد.
این مقدار به صورت درصد نوشته شده است: ۰-۴۹٪ به این معنی است که سیاه را به رنگ اضافه می‌کنید (یا طیفی از سیاه در تئوری رنگ ۳ ایجاد می‌کنید)
۵۱-۱۰۰٪ بدان معنی است که رنگ سفید را اضافه می‌کنید (یا ترکیبی از سفید در تئوری رنگ ایجاد می‌کنید) و ۵۰٪ خالص‌تر از رنگ اصلی است، نه طیف سیاه و نه ته رنگ سفید.
به یاد دارید که رنگ e8456f# برای سازگاری با ماشین‌ها چگونه تفسیر می‌شد؟
- e8 = Red
- ۴۵ = Green
- ۶f = Blue
بیایید به نسخه سازگاری با انسان رنگ (۳۴۵ ، ۷۸٪ ، ۴۹٪) hsl نگاه کنیم:
فام / ۳۴۵= این رنگ به وضوح در منطقه قرمز بین ارغوانی (۳۰۰) و قرمز (۰/۳۶۰).
اشباع / ۷۸٪= یک رنگ قرمز مایل به قرمز سیر.
روشنی / ۵۹٪= مقدار کمی از سفید به رنگ اضافه شده و رنگ آنرا روشن می‌کند.
حالا می‌دانیم این رنگ از خانواده قرمز است. اما کاملا اشباع نشده و ته رنگی از قرمز دارد.
عالیه! حالا این رنگ رو بیشتر از قرمزe8 درک می‌کنیم.
قدرت رنگ
اکنون که نماد رنگ شما با دنیای انسان‌ها سازگاری دارد، مهارت شما در این است که چگونه بتوانید اندازه‌ها را به کد تغییر دهید – به سرعت و همیشه! آیا یک نسخه تاریک‌تر از این رنگ را برای دکمه خود در حالت hover: می‌خواهید؟
به سادگی مقدار روشنی را ۱۰٪ کاهش دهید. اکنون (۳۴۵ ، ۷۸٪ ، ۴۹٪) hsl دارید.
آیا یک رنگ روشن‌تر برای حاشیه دکمه می‌خواهید ؟
اشباع را افزایش دهید: (۳۴۵ ، ۹۰٪ ، ۵۹٪) hsl .
آیا می‌خواهید یک مکمل رنگ دقیق‌تر برای انرژی بصری بیشتر داشته باشید؟
ماشین حسابتونو بیارید و کمی عملیات ریاضی انجام بدید.
۳۴۵ – ۱۸۰ [½ یک دایره] = ۱۶۵٫
رنگ مکمل (۱۶۵ ، ۷۸٪ ، ۵۹٪) hsl است.
علاوه بر این، hsl می‌تواند یک کانال آلفا باشد، بنابراین می‌توانید شفافیت را دستکاری کنید که اصطلاحا به آن rgba می‌گویند که در آن (۱ = کاملاً مات) و (۰ = کاملاً شفاف) است که توسط اعشار نشان داده می‌شود.
بنابراین (۳۴۵ ، ۷۸٪ ، ۵۹٪ ، .۲۵) hsla. رنگ ما ۲۵٪ کدرتر است.
این کد زیباست و در دنیای انسان‌ها بوی شیرینی دارد.
۱- رنگ‌ها به صورت اسمی برای کامپیوتر قابل فهم نیستند و باید تبدیل به کدهای مخصوصی شوند. سیستم رنگی RGB را با اعداد هگزا نمایش می‌دهیم. به این ترتیب که دو عدد اول مربوط به رنگ قرمز، دو عدد بعدی مربوط به رنگ سبز و دو رقم سوم مربوط به رنگ آبی، و دو عدد آخر مربوط به Alpha یا میزان شفافیت رنگ است.
۲- فام، ته‌رنگ یا پردهٔ رنگ یکی از سه ویژگی اصلی هر رنگ (به همراه روشنایی و اشباع) است که نشان‌دهنده‌ی شباهت یا تفاوت یک رنگ از یکی از عوامل اصلی، آبی،قرمز، زرد و سبز است.
۳- تئوری رنگ در هنرهای تجسمی به یک راهنمای عملی برای بیان تأثیر ترکیب رنگ‌ها گفته می‌شود.