محول الألوان | HEX، RGB، HSL، HSV، CMYK — جميع الصيغ فورياً

← العودة إلى أدوات التحويل

أدخل أي صيغة

HEX، RGB، HSL، HSV، أو CMYK

شاهد جميع الصيغ

الكل يتحدث فورياً

انسخ واستخدم

انقر نسخ لـ CSS والتصميم والطباعة

مرجع صيغ الألوان — متى تستخدم كل منها

الصيغة	مثال	تستخدم في
HEX	`#3B82F6`	CSS، HTML، تصميم الويب — صيغة ألوان الويب العالمية
RGB	`rgb(59, 130, 246)`	الشاشات، العروض، التصميم الرقمي — لون جمعي (ضوء)
HSL	`hsl(217, 91%, 60%)`	CSS، أنظمة التصميم — معالجة لونية بديهية مبنية على درجة اللون
HSV	`hsv(217, 76%, 96%)`	منتقيات الألوان، تحرير الصور (GIMP، Photoshop) — نموذج الفنان
CMYK	`cmyk(76, 47, 0, 4)`	الطباعة، النشر — لون طرحي (حبر على ورق)

الصيغة

مثال

تستخدم في

HEX

#3B82F6

CSS، HTML، تصميم الويب — صيغة ألوان الويب العالمية

RGB

rgb(59, 130, 246)

الشاشات، العروض، التصميم الرقمي — لون جمعي (ضوء)

HSL

hsl(217, 91%, 60%)

CSS، أنظمة التصميم — معالجة لونية بديهية مبنية على درجة اللون

HSV

hsv(217, 76%, 96%)

منتقيات الألوان، تحرير الصور (GIMP، Photoshop) — نموذج الفنان

CMYK

cmyk(76, 47, 0, 4)

الطباعة، النشر — لون طرحي (حبر على ورق)

RGB مقابل CMYK — لماذا تبدو الألوان المطبوعة مختلفة

RGB هو لون جمعي: ابدأ بالأسود (بدون ضوء) وأضف ضوءاً أحمر وأخضر وأزرق لإنشاء الألوان. عند الشدة الكاملة، R+G+B = أبيض. الشاشات والهواتف والبروجكتورات كلها تستخدم RGB. CMYK هو لون طرحي: ابدأ بورق أبيض واطرح الضوء بطبقات من الحبر السماوي والأرجواني والأصفر والأسود. C+M+Y يجب أن ينتج نظرياً الأسود لكنه في الواقع ينتج بنياً طينياً — ومن هنا يأتي حبر K (Key/أسود) المنفصل. RGB له نطاق أوسع: العديد من ألوان الشاشة الزاهية (الخضر النيونية، الزرق الكهربائية) لا يمكن إنتاجها فيزيائياً بأحبار CMYK.

HSL مقابل HSV — طريقتان للتفكير في اللون

HSL (درجة اللون، التشبع، الإضاءة) هو نموذج الألوان الأصلي في CSS. الألوان النقية النابضة بالحياة تقع عند L=50%. L=0% هو الأسود؛ L=100% هو الأبيض. HSV (درجة اللون، التشبع، القيمة) هو نموذج الفنان، المستخدم في Photoshop وGIMP. الألوان النقية تقع عند V=100%. لا أحد منهما "صحيح" — إنهما أداتان مختلفتان لمهام مختلفة.

الأسئلة الشائعة

كيف أحول HEX إلى RGB؟

أدخل كود HEX (مثلاً، #3B82F6) في حقل HEX. يتحدث RGB فورياً: rgb(59, 130, 246). كل زوج من أرقام hex = قناة واحدة: 3B=59 (R)، 82=130 (G)، F6=246 (B).

كيف أحول RGB إلى HSL؟

أدخل قيم RGB — يتحدث HSL تلقائياً. HSL أكثر بديهية: درجة اللون (0-360°) = موقع عجلة الألوان، التشبع (0-100%) = الشدة، الإضاءة (0-100%) = السطوع. الألوان النقية عند L=50%.

لماذا يبدو CMYK مختلفاً عن RGB على الشاشة؟

RGB = ضوء جمعي (شاشة). CMYK = حبر طرحي (طباعة). RGB له نطاق لوني أوسع — لا يمكن إعادة إنتاج الألوان الزاهية على الشاشة تماماً في الطباعة.

ما الفرق بين HSL و HSV؟

كلاهما يستخدم درجة اللون والتشبع لكنهما يختلفان في السطوع: إضاءة HSL تتراوح أسود←لون نقي←أبيض (النقي عند 50%). قيمة HSV تتراوح أسود←لون نقي (النقي عند 100%). HSV يستخدم في منتقيات الألوان؛ HSL أفضل لتوليد التدرجات في CSS.

كيف أستخدم منتقي الألوان المدمج؟

انقر على عينة معاينة اللون لفتح منتقي الألوان المدمج في متصفحك. اختر أي لون بصرياً وتتحدث جميع الصيغ الخمس فورياً. يمكنك أيضاً النقر على 'لون عشوائي' لاستكشاف تركيبات الألوان.