HEX
صيغة شائعة في CSS وتصميم واجهات المواقع، مثل #2563EB.
Developer Tools
Color Converter
حوّل الألوان بسهولة بين HEX وRGB وHSL وHSV مع معاينة مباشرة ونسخ القيم بضغطة واحدة.
أدخل اللون
HEX / RGB / HSL
أمثلة:
#2563EB
أو
rgb(37, 99, 235)
أو
hsl(221, 83%, 53%)
اختيار اللون
Visual
اضغط لاختيار لون
اللون الحالي
#2563EB
جاهز للتحويل
HEX
Hexadecimal
#2563EB
RGB
Red Green Blue
rgb(37, 99, 235)
HSL
Hue Saturation Lightness
hsl(221, 83%, 53%)
HSV
Hue Saturation Value
hsv(221, 84%, 92%)
CSS Color
color: #2563EB;
الأداة جاهزة للاستخدام
HEX
#2563EB
Hue
221°
Saturation
83%
Lightness
53%
معالجة محلية وآمنة
جميع عمليات تحويل الألوان تتم داخل المتصفح باستخدام JavaScript. لا يتم إرسال قيم الألوان إلى أي خادم خارجي.
COLOR CONVERTER
تحويل الألوان بسهولة
أداة واحدة للتعامل مع أشهر أنظمة الألوان المستخدمة في تطوير الويب والتصميم.
RGB
يعتمد على قيم الأحمر والأخضر والأزرق، وكل قناة تتراوح عادةً بين 0 و255.
HSL & HSV
أنظمة مفيدة لفهم درجة اللون والتشبع والإضاءة أو القيمة بطريقة أكثر مرونة.
HOW IT WORKS
كيفية استخدام Color Converter
1
أدخل اللون
اكتب قيمة HEX أو RGB أو HSL في مربع الإدخال.
2
اختر اللون بصرياً
يمكنك أيضاً استخدام أداة اختيار اللون للحصول على لون جديد بسهولة.
3
شاهد التحويل
ستظهر قيم HEX وRGB وHSL وHSV للون المحدد.
4
انسخ القيمة
انسخ أي صيغة تحتاج إليها مباشرة لاستخدامها في مشروعك.
FAQ
الأسئلة الشائعة
ما هو Color Converter؟
Color Converter هي أداة تساعد المطورين والمصممين على تحويل قيم الألوان بين أنظمة HEX وRGB وHSL وHSV بسهولة.
ما الفرق بين HEX وRGB؟
HEX يمثل اللون باستخدام ستة أحرف أو أرقام hexadecimal، بينما RGB يمثل اللون من خلال قيم الأحمر والأخضر والأزرق.
هل يمكنني نسخ جميع قيم اللون؟
نعم. يمكنك نسخ قيمة HEX أو RGB أو HSL أو HSV بشكل منفصل، كما يمكنك نسخ جميع القيم دفعة واحدة.
هل تتم معالجة الألوان داخل المتصفح؟
نعم. جميع عمليات التحويل والحساب تتم محلياً داخل المتصفح باستخدام JavaScript ولا يتم إرسال اللون إلى خادم خارجي.