منسّق الألوان
تحويل الألوان بين صيغ HEX و RGB و HSL مع منتقي ألوان مرئي ومعاينة
Color Input
All Formats
Tips
- Use the color picker or type a color value in any supported format
- Supported formats: HEX (
#3B82F6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%)) - 3-digit HEX shorthand is supported (e.g.
#F00=#FF0000)
ميزات معالجة منسّق الألوان الاحترافية
كل ما تحتاجه للعمل مع بيانات منسّق الألوان بكفاءة واحترافية
التحقق من اللون
التحقق من إدخال اللون والكشف التلقائي عن الصيغة للتحويل الفوري.
تحويل الصيغ
التحويل بين صيغ الألوان بنقرة واحدة أو أثناء الكتابة.
منتقي مرئي
استخدم منتقي الألوان الأصلي لاختيار الألوان بصرياً مع معاينة وتحويل فوري.
معاينة مباشرة
شاهد معاينة عينة اللون في الوقت الفعلي التي يتم تحديثها عند تغيير القيم.
تحويل فوري
التحويل بين صيغ الألوان فوراً بالرياضيات البحتة — خصوصية كاملة.
نسخ الصيغ
انقر على أي قيمة صيغة لنسخها مباشرة إلى الحافظة.
كيف تعمل
خطوات بسيطة لمعالجة منسّق الألوان الخاص بك كمحترف
إدخال أو اختيار لون
اكتب قيمة HEX أو RGB أو HSL، أو استخدم منتقي الألوان.
تحويل تلقائي
يتم تحويل جميع صيغ الألوان فوراً أثناء الكتابة أو الاختيار.
معاينة اللون
شاهد معاينة عينة اللون المباشرة لتأكيد اختيارك.
نسخ الصيغة
انقر على أي قيمة صيغة لنسخها إلى الحافظة.
منسّق ومحقق منسّق الألوان احترافي
تُنفَّذ معالجة منسّق الألوان بالكامل في متصفحك — لا رفع للملفات، ولا حسابات، ولا قيود.
طريقة المعالجة
راجع أمثلة الأداة وحدود الصياغة ووثائق المصدر لفهم الناتج.
الميزات التقنية الرئيسية:
- • تحويلات ألوان متوافقة مع CSS Color Module Level 4
- • تكامل منتقي الألوان الأصلي للمتصفح
- • دعم مساحات ألوان HEX و RGB و HSL و HSV
- • معالجة من جانب العميل لأقصى أمان وسرعة
- • معاينة فورية مع عينة لون مباشرة
المعالجة والناتج
تحقّق من الطريقة المذكورة وقارن النتيجة بالإدخال قبل استخدامها.
الأمان والخصوصية:
- • معالجة 100% من جانب العميل - البيانات لا تُرسل للخوادم أبداً
- • بدون تتبع أو ملفات تعريف ارتباط أو جمع بيانات
- • تشفير HTTPS للاتصالات الآمنة
- • لا يتم تخزين أو تخزين مؤقت للبيانات بعد المعالجة
- • نهج متوافق مع GDPR و CCPA
لماذا يختار المحترفون EZ Formatter
بياناتك تبقى داخل متصفحك
الأسئلة الشائعة
إجابات على الأسئلة الشائعة حول تنسيق Color Formatter
نعم، منسّق الألوان مجاني تماماً ولا يتطلب تسجيلاً. تتم جميع المعالجة في متصفحك.
ندعم تحويلات HEX و RGB و HSL و HSV مع دعم قناة ألفا.
نعم. انقر على عينة اللون لفتح منتقي الألوان الأصلي واختيار أي لون بصرياً. يتم تحديث جميع الصيغ فوراً.
نعم. يمكنك تضمين قيم ألفا في صيغ RGBA و HSLA، بقيم من 0 (شفاف) إلى 1 (معتم).
ما عليك سوى لصق قيمة HEX في حقل الإدخال. ستعرض الأداة فوراً مكافئات RGB و HSL و HSV.
HEX (#rrggbb، #rgb، #rrggbbaa)، وRGB/A (بصيغ 0-255 والنسب المئوية)، وHSL/A (وفق CSS Color 4)، بالإضافة إلى بعض الترميزات القديمة (صيغة rgb() بالفواصل) وألوان CSS المسماة (الأسماء الـ 148 في مواصفات CSS). التحويل دقيق تماماً عندما تستطيع الصيغة الهدف تمثيل اللون؛ التحويل HEX↔RGB بلا فقدان، بينما تُقرَّب قيم HSL إلى أقرب مكوّنات صحيحة عند العرض.
HSL بديهية لكنها تشوّه الإضاءة المدركة (الأصفر عند L=50% يبدو أكثر سطوعاً بكثير من الأزرق عند L=50%). HWB (hue-white-black، وفق CSS Color 4) تبسّط مزج التفتيح والتغميق. OKLCH (من CSS Color 4، ومشتقة من فضاء الألوان OKLab) موحّدة إدراكياً - وهي الصيغة التي تعتمدها أنظمة التصميم الحديثة لأن الخطوات المتساوية في القناة L تبدو متساوية في السطوع؛ ويُخرج المحوّل الصيغ الثلاث جميعها.
تتحول قيمة alpha عبر جميع الترميزات (#rrggbbaa، rgba()، hsla()، oklch(... / 0.5)). ألوان Display-P3 وغيرها من ألوان النطاق الواسع تُعيَّن إلى أقرب مكافئ لها في sRGB مع تنبيه بقصّ النطاق (gamut clipping) - فمجال sRGB لا يستطيع تمثيلها، والأداة تذكر ذلك صراحةً بدلاً من التظاهر بأن عملية التحويل ذهاباً وإياباً كانت بلا فقدان.
مراجع موثوقة
المعايير والوثائق الرسمية التي تُعرِّف الصيغ التي تعمل بها هذه الأداة.
W3C - CSS Color Module Level 4
وحدة ألوان CSS من W3C، المستوى 4 (CSS Color Module Level 4) — rgb وhsl وhwb وoklch وفضاءات الألوان على الويب.
MDN Web Docs - <color> value
مرجع Mozilla لقيم الألوان في CSS ودوال الألوان.
Web colors - Wikipedia
ألوان الويب: الترميز السداسي عشري (hex) ولوحة الألوان المسماة وتاريخ الألوان في المتصفحات.