جئت من عالم الطباعة وتحتاج نفس اللون على الويب؟ تحويل CMYK إلى HEX يعطيك مكافئ الشاشة الأقرب لمزيج الحبر، جاهز للصق في CSS أو Figma أو ملف العلامة.
كيف يعمل تحويل CMYK إلى HEX
- قسّم نسب CMYK الأربع كلها على 100.
- طبّق مكون الكِي أولًا: تُقاس كل قناة بمعامل (1 − K).
- احسب القنوات: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- قرّب كل قناة، اكتبها كرقمين سداسيين عشريين واجمعها خلف #.
مثال عملي
تقريبي بطبعه. CMYK يغطي نطاقًا لونيًا أصغر من الشاشة، لذا نتيجة HEX هي معاينة وفية أكثر منها مطابقة مُدارة لونيًا — ذلك يتطلب ملف ICC للطابعة.
شرح CMYK و HEX
ما هو CMYK؟
CMYK هو نموذج الحبر الرباعي المستخدم في الطباعة: cyan و magenta و yellow و key (الأسود)، كلٌ كنسبة مئوية من 0 إلى 100. الحبر يطرح الضوء بدلًا من إطلاقه، لذلك CMYK يغطي ألوانًا أقل من الشاشة — ولهذا تبدو ألوان الشاشة الزاهية أحيانًا أبهت عند طباعتها.
- البناء:
- cmyk(C%, M%, Y%, K%)
- النطاق:
- 0–100% لكل حبر
- الأفضل لـ:
- الطباعة، التغليف، أعمال جاهزة للطباعة
ما هو HEX؟
كود HEX هو رقم سداسي عشري مكوّن من ست خانات يعبّر عن قنوات الأحمر والأخضر والأزرق في اللون مسبوقًا بعلامة #. كل زوج من الخانات يغطي قناة واحدة من 00 (لا شيء) إلى FF (كامل)، مما يوفّر نفس 16.7 مليون لون مثل RGB بصيغة أقصر بكثير. تُستخدم HEX بشكل افتراضي في CSS وأدوات التصميم وإرشادات العلامات التجارية.
- البناء:
- #RRGGBB
- النطاق:
- 00–FF لكل قناة
- الأفضل لـ:
- CSS، تسليم التصميم، إرشادات العلامة التجارية
جدول تحويل من CMYK إلى HEX
أكثر ألوان CSS شيوعًا، محوّلة من CMYK إلى HEX.
| اللون | CMYK | HEX |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |