المزيد من المعلومات عن الألوان
اقرأ المزيد عن اللون—من الضوء والإدراك إلى RGB وCMYK وHSL والست عشري وعجلة الألوان والتدرجات والتباين الذي يمكنك تجربته في PictorX.
الضوء والعينان ونوعان من المزج
اللون ليس طبقة على جسم. إنه ضوء، إضافة إلى دماغ يحوّل الأطوال الموجية إلى أحمر أو أصفر أو أزرق مخضر. الشاشات تضيف ضوءاً (المزج الجمعي): الأحمر والأخضر والأزرق يتجهان نحو الأبيض. الطباعة والطلاء يخصمان الضوء (المزج الطرحي): الأحبار ترشح الأطوال الموجية والمزج يتجه نحو الأسود. لذلك نادراً ما يطابق نيون الشاشة العمل نفسه على الورق.
RGB: كيف تعدّ الشاشات اللون
البكسل على الهاتف أو الحاسوب ثلاث مصابيح صغيرة. يُخزَّن كل قناة عادة من 0 إلى 255 (ثماني بتات). (0, 0, 0) أسود، (255, 255, 255) أبيض، (255, 0, 0) أحمر كامل. الست عشري هو الثلاثية نفسها للويب: #FF0000 ذلك الأحمر و#000000 الأسود. ما زال المصممون يتحدثون بـ RGB لأن الشاشة تُصدر ذلك فعلاً.
CMYK: لماذا تبدو الطبعة مختلفة
تضع الطابعات أحبار السماوي والأرجواني والأصفر والأسود (K). لا تصدر ضوءاً بل تمتصه، لذا نطاق RGB للشاشات أوسع من معظم مطابع CMYK. الأزرق الكهربائي المشبع على الشاشة غالباً يخفت على الورق. حوّل إلى CMYK قبل أن تعد بلون مطبوع، وجرّب على الورق الفعلي. يستطيع PictorX إظهار أرقام CMYK للون المختار لترى الفجوة؛ وهو ليس بديلاً عن ملف المطبعة.
HSL وHSV: أزرار المصمم
الدرجة موضعك على قوس قزح (0–360°). التشبع هو النقاء مقابل الرمادي. الإضاءة (HSL) قربك من الأبيض أو الأسود؛ القيمة (HSV) قربك من الأسود مع بقاء الدرجة زاهية حتى النهاية. يحب المصممون HSL وHSV لأن «أغمق قليلاً، نفس البرتقالي» منزلق واحد، لا تخمين بين ثلاثة أرقام RGB.
الست عشري وألوان CSS المسماة
الست عشري (#RRGGBB وأحياناً #RGB أو #RRGGBBAA) اختصار الويب لـ RGB. يأتي CSS أيضاً بألوان مسماة—coral وsteelblue وrebeccapurple—مربوطة بقيم ست عشرية ثابتة. الأسماء مفيدة للمسودات؛ الست عشري (أو دالة لون CSS حديثة) هو ما تسلّمه عندما يجب أن تطابق العلامة.
عجلة الألوان والعلاقات
ترتّب عجلة الألوان الدرجات في دائرة. علاقات كلاسيكية: المكملات تجلس متقابلة (أزرق وبرتقال) وتباين بقوة؛ المتجاورات جارات وتحسّ بأنها قريبة؛ الثلاثية تبعد ثلاث خطوات متساوية وتبقى حيّة؛ المنقسم المكمل يأخذ درجة والاثنتين بجانب ضدها، تباين بأقل صدام؛ الأحادي درجة واحدة بضياء متعدد. مولّد لوحات PictorX يُبقي اليوم المكمل والمتجاور والأحادي. العجلة ما زالت تشرح بقية المجموعة الكلاسيكية حتى إن لم يقدّم أداة ما كل تناغم.
التدرجات: مسارات بين الألوان
التدرج مزج على مسار. الخطي يسير في اتجاه؛ الشعاعي ينمو من مركز. نقاط التوقف تثبّت ألواناً دقيقة. مزيد من النقاط مزيد من التحكم، لا مزيد من الذوق تلقائياً. في CSS، linear-gradient وradial-gradient هما الفكرة نفسها. محرر التدرجات في PictorX يدعك تسحب النقاط وتنسخ CSS أو HEX أو RGB أو HSL أو HSV أو CMYK.
التباين وإمكانية الوصول والدافئ والبارد
التباين مدى ابتعاد لونين في الإضاءة (والدرجة). تطلب WCAG تبايناً كافياً ليبقى النص مقروءاً: نحو 4.5:1 للنص العادي و3:1 للنص الكبير في المستوى AA. هذا أرضية لا أسلوب. الدرجات الدافئة (حمر وبرتقال وصفر) تبدو أقرب؛ الباردة (زرق وخضر وبنفسج) تتراجع. استخدم التباين للحرف والواجهة، والدافئ والبارد للمزاج.
أدوات اللون في PictorX
عجلة الألوان لاختيار درجة وقراءة التناغمات. محرر التدرجات للمزج وCSS. مولّد اللوحات يبني ويقفل ويخلط مجموعات—ويمكنه سحب ألوان من صورة. نقل اللون يعيد تنسيق صورة بلوحة أخرى، في المتصفح. تأثيرات اللون تدفع صورة إلى صبغات ومظاهر أخرى. لا شيء من هذا يحل محل مطبعة أو مقياس طيف؛ إنها طريقة سريعة لرؤية سلوك اللون على صورة.
الأسئلة المتداولة
ما الفرق بين RGB وCMYK؟
RGB ضوء جمعي على الشاشات (عادة 0–255 لكل قناة). CMYK حبر طرحي على الورق. يغطيان نطاقين مختلفين، لذا غالباً لا يُطبع لون الشاشة بدقة.
ماذا يعني المكمل على عجلة الألوان؟
المكملات تجلس متقابلة. معاً تتباين بقوة. يستطيع مولّد لوحات PictorX بناء مجموعة مكملة من لون بداية.
لماذا يستخدم المصممون HSL بدل RGB؟
الدرجة والتشبع والإضاءة تطابق حديثنا عن اللون. يمكنك تغميق برتقالي في HSL دون خلطه بنياً بالخطأ كما قد يفعل تعديل RGB ساذج.
كم تبايناً تطلب WCAG؟
للمستوى AA نحو 4.5:1 للنص العادي و3:1 للنص الكبير. افحص الحرف على خلفيته الحقيقية، لا على عينة وحدها.
الأدوات ذات الصلة
عجلة الألوان
اختر لونًا على عجلة تفاعلية، وقم بإنشاء لوحات تكميلية ومتماثلة وثلاثية ولوحات أخرى، وانسخ HEX أو RGB أو HSL أو HSV أو CMYK. لم يتم تحميل أي شيء.
محرر التدرج
أنشئ تدرجات CSS خطية وشعاعية في المتصفح. اسحب نقاط اللون واضبط الزاوية وانسخ CSS أو HEX أو RGB أو HSL أو HSV أو CMYK. لا يُرفع شيء.
مولد لوحة الألوان
أنشئ لوحات الألوان واقفِلها واخلطها في المتصفح. انسخ HEX أو متغيرات CSS أو JSON، وصدّر PNG أو SVG، واستخرج الألوان من صورة. لا يتم رفع أي شيء.
نقل الألوان
أعد تلوين صورة بألوان صورة ثانية. معاينة مباشرة في المتصفح مع شريط القوة وخيار الحفاظ على السطوع. لا يتم رفع أي شيء.
مرشحات الحلم الكهربائي
امنح الصور توهجاً سينمائياً من التأثيرات → اللون. استخدم PictorX مجانًا في متصفحك دون الحاجة إلى تثبيت برامج.
هل أنت مستعد لتجربتها؟
افتح PictorX في متصفحك - بدون تثبيت، ولا يلزم وجود بطاقة ائتمان للبدء.
جرّب عجلة الألوان