كل صيغة للألوان تصف نفس الشيء بلغة مختلفة: HEX لملفات الأنماط، RGB للشاشات والبرمجة، HSL لبناء اللوحات، و CMYK للطباعة. اختر التحويل الذي تحتاجه واحصل على القيمة الدقيقة، معاينة مباشرة، والصيغة المستخدمة.
الصيغ الأربع للألوان
ما هو HEX؟
كود HEX هو رقم سداسي عشري مكوّن من ست خانات يعبّر عن قنوات الأحمر والأخضر والأزرق في اللون مسبوقًا بعلامة #. كل زوج من الخانات يغطي قناة واحدة من 00 (لا شيء) إلى FF (كامل)، مما يوفّر نفس 16.7 مليون لون مثل RGB بصيغة أقصر بكثير. تُستخدم HEX بشكل افتراضي في CSS وأدوات التصميم وإرشادات العلامات التجارية.
- البناء:
- #RRGGBB
- الأفضل لـ:
- CSS، تسليم التصميم، إرشادات العلامة التجارية
ما هو RGB؟
RGB يصف اللون كثلاث قنوات ضوئية — أحمر وأخضر وأزرق — كل واحدة من 0 إلى 255. يعكس ذلك طريقة عمل الشاشات فعليًا: كل القيم على 255 تعطي الأبيض، وكلها على 0 تعطي الأسود. RGB هو الخيار الصحيح عندما تحتاج لحسابات بالألوان، و rgba() تضيف الشفافية فوق ذلك.
- البناء:
- rgb(R, G, B)
- الأفضل لـ:
- البرمجة، canvas، الشفافية مع rgba()
ما هو HSL؟
HSL يقسّم اللون إلى درجة اللون (hue) من 0–360° على عجلة الألوان، التشبع (saturation) — مدى حيوية اللون من 0–100%، والسطوع (lightness) — مدى إشراقه من 0–100%. بما أن كل جزء يطابق طريقة وصف الناس للألوان، فـ HSL هي أسهل صيغة لبناء درجات اللون، الظلال، ولوحات ألوان متناسقة — يدويًا أو بالبرمجة.
- البناء:
- hsl(H, S%, L%)
- الأفضل لـ:
- لوحات ألوان، درجات وظلال، التخصيص الموضوعي
ما هو CMYK؟
CMYK هو نموذج الحبر الرباعي المستخدم في الطباعة: cyan و magenta و yellow و key (الأسود)، كلٌ كنسبة مئوية من 0 إلى 100. الحبر يطرح الضوء بدلًا من إطلاقه، لذلك CMYK يغطي ألوانًا أقل من الشاشة — ولهذا تبدو ألوان الشاشة الزاهية أحيانًا أبهت عند طباعتها.
- البناء:
- cmyk(C%, M%, Y%, K%)
- الأفضل لـ:
- الطباعة، التغليف، أعمال جاهزة للطباعة