كيف يعمل
يمكن كتابة اللون نفسه بطرق كثيرة. تصف HEX (#RRGGBB) وRGB مزيج الأحمر والأخضر والأزرق؛ وتصفه HSL وHSV عبر التدرّج والتشبّع والإضاءة، وهي أكثر بديهية لاختيار التنويعات؛ أما CMYK فموجَّه للطباعة.
تأخذ هذه الأداة لونًا بصيغة HEX أو RGB أو HSL وتترجمه فورًا إلى جميع الصيغ، بما في ذلك فضاءات CSS المستوى 4 الحديثة مثل HWB وLAB وLCH وOKLab وOKLCh ودوال color() (Display P3 وRec. 2020 وProPhoto).
يتيح لك المنتقي البصري وأدوات التحكم الرقمية ضبط اللون ورؤية كيف تتغيّر جميع القيم في آنٍ واحد. ويُحسَب كل شيء في متصفحك.
أمثلة
#ff0000rgb(255 0 0) · hsl(0 100% 50%) · cmyk(0% 100% 100% 0%)الأحمر النقي: الحد الأقصى في القناة الحمراء، وصفر في الأخضر والأزرق.#3b82f6rgb(59 130 246)كل زوج من الأرقام الست عشرية (3b و82 وf6) هو قيمة القناة من 0 إلى 255: أي 59 و130 و246.#ffffffrgb(255 255 255) · hsl(0 0% 100%)الأبيض تكون قنواته الثلاث عند الحد الأقصى؛ وفي HSL تكون الإضاءة 100%.حالات الاستخدام
- تحويل لون من دليل تصميم بصيغة HEX إلى صيغة RGB أو HSL التي يطلبها CSS أو إطار العمل لديك.
- الحصول على مكافئ CMYK للون شاشة لتحضير مادة طباعة.
- استكشاف فضاءات الألوان الحديثة (OKLCh وDisplay P3) عند ضبط لوحة ألوان واسعة النطاق.
الأسئلة الشائعة
ما قناة ألفا وكيف تُكتب في HEX؟
ألفا هي درجة العتامة، من 0 (شفاف) إلى 100%. وفي HEX تُضاف كزوج من الأرقام في النهاية: #RRGGBBAA. فمثلًا #ff000080 أحمر بعتامة 50%.
ما الفرق بين HSL وHSV؟
يستخدم كلاهما التدرّج والتشبّع، لكن المحور الثالث يختلف: تستخدم HSL الإضاءة (حيث 100% أبيض) وتستخدم HSV القيمة أو السطوع (حيث 100% أكثف لون). وHSL أكثر ملاءمة عادةً لتوليد درجات فاتحة وداكنة.
لماذا يوجد OKLab وOKLCh؟
إنها فضاءات موحّدة إدراكيًا: تقابل المسافات المتساوية بين القيم فروقًا بصرية متشابهة. وتنتج تدرّجات وتعديلات إضاءة أكثر طبيعية من HSL، ويدعمها CSS منذ المستوى 4.
هل CMYK الذي تعرضه دقيق للطباعة؟
إنها تحويل تقريبي مرجعي. تعتمد نتيجة الطباعة الفعلية على ملف تعريف اللون والحبر والورق، لذا للأعمال الاحترافية يُفضَّل استخدام ملف تعريف ICC الخاص بالمطبعة.