> تحويل | معاينة | اختيار <
// حوّل بين تنسيقات HEX وRGB وHSL وHSV وCMYK
معاينة الألوان
معاينة مباشرة تتحدث فوراً.
إدخال بأي تنسيق
جميع التنسيقات تتحدث تلقائياً.
5 تنسيقات ألوان
HEX, RGB, HSL, HSV/HSB, CMYK.
// حول تنسيقات الألوان
نماذج الألوان:
RGB الجمعي للشاشات، CMYK الطرحي للطباعة، HEX كتمثيل مضغوط، HSL/HSV للصبغة والتشبع.
مثال:
#FF5733 → rgb(255, 87, 51) → hsl(11, 100%, 60%)
حالات الاستخدام الشائعة:
- >تطوير الويب: ألوان CSS
- >تصميم الطباعة: RGB إلى CMYK
- >تصميم واجهة المستخدم: HSL
- >إرشادات العلامة التجارية
- >إمكانية الوصول: التباين
>> الأسئلة الشائعة
Q: HEX vs RGB?
HEX and RGB represent the same color model in different notations. HEX uses hexadecimal (#FF5733) while RGB uses decimal (rgb(255, 87, 51)).
Q: HSL?
HSL = Hue, Saturation, Lightness. More intuitive for humans. CSS supports hsl() natively.
Q: CMYK?
CMYK is for print. Not all RGB colors can be reproduced in CMYK.
Q: CSS color formats?
Modern browsers support HEX, RGB, HSL, named colors, hwb(), lab(), lch(), oklch().
Q: Accessibility?
Color format does not directly affect accessibility. WCAG 2.1 requires 4.5:1 minimum contrast for normal text.
// ألوان شائعة بصيغ HEX وRGB وHSL
| HEX | RGB | HSL |
|---|---|---|
| #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) |
| #FFFF00 | rgb(255, 255, 0) | hsl(60, 100%, 50%) |
| #00FFFF | rgb(0, 255, 255) | hsl(180, 100%, 50%) |
| #FF00FF | rgb(255, 0, 255) | hsl(300, 100%, 50%) |
| #FFA500 | rgb(255, 165, 0) | hsl(39, 100%, 50%) |
| #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
| #FFFFFF | rgb(255, 255, 255) | hsl(0, 0%, 100%) |
| #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) |
// صيغ ألوان CSS والتحويل
color: #ff8000; color: #f80; /* shorthand for #ff8800 */ color: #ff800080; /* 8 digits: last two = alpha */ color: rgb(255 128 0); color: rgb(255 128 0 / 50%); color: hsl(30 100% 50%); #FF8000 -> FF=255 80=128 00=0 -> rgb(255, 128, 0)
>> المزيد من الأسئلة
س: كيف أحوّل HEX إلى RGB يدوياً؟
ج: قسّم الرمز إلى أزواج وحوّل كل زوج من السداسي العشري إلى عشري: #FF8000 ← FF = 255 و80 = 128 و00 = 0، أي rgb(255, 128, 0).
س: ماذا تعني الصيغة المختصرة (#F80) وHEX من 8 خانات؟
ج: #F80 اختصار لـ #FF8800 (تُكرَّر كل خانة). في صيغة 8 خانات (#RRGGBBAA) تمثل آخر خانتين قناة ألفا أي الشفافية.
س: لماذا تبدو الألوان مختلفة في الطباعة عنها على الشاشة؟
ج: تمزج الشاشات الضوء جمعياً (RGB) ونطاقها أوسع، بينما تمزج الطباعة الأحبار طرحياً (CMYK). الأخضر والأزرق الزاهيان والألوان الفلورية غالباً لا تُطبع إلا تقريبياً، فتحقق بنسخة تجريبية.