محول الألوان
قم بتحويل الألوان بين HEX و RGB و HSL و HSB و CMYK وأسماء CSS على الفور.
ميزات محول الألوان
تحويل فوري للألوان بين جميع التنسيقات الرئيسية.
قم بالتحويل بين HEX و RGB و HSL و HSB/HSV و CMYK وألوان CSS المسماة جميعها دفعة واحدة.
انسخ أي قيمة لون إلى الحافظة الخاصة بك على الفور باستخدام زر النسخ.
تحدث جميع التحويلات في متصفحك. لا يتم إرسال أي بيانات إلى أي مكان.
كيفية تحويل الملفات
قم بتحميل ملفاتك، اختر صيغة الإخراج، وقم بتنزيل الملفات المحولة على الفور. يدعم محولنا التحويل الدفعي ويحافظ على جودة عالية.
الأسئلة المتكررة
ما هو رمز لون HEX؟
لون HEX هو رقم سداسي عشري مكون من 6 أرقام مسبوق بعلامة # (مثل #3b82f6). كل زوج من الأرقام يمثل قنوات الأحمر والأخضر والأزرق من 00 (0) إلى FF (255).
تعتبر رموز HEX أكثر تنسيقات الألوان شيوعًا المستخدمة في تطوير الويب و CSS.
إنها مضغوطة وسهلة القراءة من قبل البشر بمجرد أن تتعلم التعرف على القيم الشائعة مثل #ffffff (أبيض) و #000000 (أسود).
ما هو RGB؟
RGB (أحمر، أخضر، أزرق) يمثل الألوان من خلال تحديد شدة قنوات الأحمر والأخضر والأزرق كأعداد صحيحة من 0 إلى 255.
على سبيل المثال، rgb(59, 130, 246) هو نفس اللون الأزرق مثل #3b82f6.
يستخدم RGB على نطاق واسع في CSS والتصميم الرقمي. إنه نموذج اللون الأصلي لشاشات الكمبيوتر.
ما هو HSL؟
HSL (لون، تشبع، سطوع) يصف الألوان من حيث زاوية اللون (0-360) ونسبة التشبع (0-100%) ونسبة السطوع (0-100%).
HSL بديهي للمصممين لأن ضبط التشبع أو السطوع سهل.
تدعم CSS الألوان HSL بشكل أصلي مع دوال hsl() و hsla().
ما هو استخدام CMYK؟
CMYK (سماوي، أرجواني، أصفر، أسود) هو نموذج اللون المستخدم في الطباعة. تقوم الطابعات بخلط هذه الأحبار الأربعة لإنتاج الألوان على الورق.
لا يمكن استخدام ألوان الويب (RGB/HEX) مباشرة للطباعة دون تحويل.
استخدم محولنا للحصول على المعادل CMYK عند إعداد التصميمات للطباعة.
ما هو HSB/HSV؟
HSB (يسمى أيضًا HSV - لون، تشبع، قيمة) مشابه لـ HSL ولكنه يستخدم السطوع/القيمة بدلاً من السطوع.
Photoshop, GIMP, and many design tools use HSB as their primary color model.
عند أقصى تشبع و سطوع (100%، 100%)، ينتج HSB ألوانًا مشبعة بالكامل، بينما ينتج HSL عند 50% سطوع نفس الشيء.
ما هي الألوان المسماة في CSS؟
تحدد CSS أكثر من 140 لونًا مسمى يمكن استخدامها مباشرة في أوراق الأنماط، مثل 'أحمر' و 'بحري' و 'أزرق زهر' و 'طماطم'.
إذا تطابق اللون الذي اخترته تمامًا مع أحد هذه الألوان المسماة، سيظهر محولنا الاسم.
الألوان المسماة مريحة للألوان الشائعة ومدعومة من جميع المتصفحات.
هل التحويل دقيق؟
نعم. تستخدم التحويلات صيغ علم الألوان القياسية وتنتج قيمًا معيارية في الصناعة.
تحويل HEX ↔ RGB بدون فقدان (دقيق). يتم تقريب قيم HSL و HSB و CMYK إلى أعداد صحيحة لسهولة القراءة.
للطباعة، تذكر أن ألوان الشاشة (RGB) قد تبدو مختلفة قليلاً عند طباعتها في CMYK بسبب اختلافات النطاق.
كيف يمكنني استخدام هذا في CSS؟
انسخ قيمة HEX لأكثر شكل مختصر: color: #3b82f6;
أو استخدم RGB مع الشفافية: color: rgba(59, 130, 246, 0.8);
أو استخدم HSL الذي يجعل تعديلات السطوع سهلة: color: hsl(217, 91%, 60%);