جميع الأدوات

محوّل الألوان

تحويل الألوان بين HEX وRGB وHSL مع منتقي ألوان ولوحة ألوان.

لوحة الألوان

#052861
#0846aa
#0b64f4
#5593f7
#9ec1fa

قيم CSS

color: #3b82f6;
color: rgb(59, 130, 246);
color: hsl(217, 91%, 60%);

طريقة الاستخدام

  1. اختر لوناً من المنتقي أو اكتب قيمته بصيغة HEX أو RGB أو HSL.
  2. تتحدّث بقية الصيغ تلقائياً.
  3. استعرض «لوحة الألوان»: خمس درجات من اللون نفسه من الداكن إلى الفاتح.
  4. اضغط «نسخ» بجانب أي قيمة لاستخدامها في CSS أو برنامج التصميم.

المميزات

  • تحويل فوري بين HEX وRGB وHSL.
  • قيم CSS جاهزة للنسخ.
  • لوحة درجات تساعد في اختيار ألوان الأزرار والخلفيات من لون الهوية.

خصوصية بياناتك

كل المعالجة تتم داخل متصفحك على جهازك. لا نرفع ملفاتك أو نصوصك إلى أي خادم، ولا نحتفظ بنسخة منها، وتختفي البيانات بمجرد إغلاق الصفحة.

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

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

كلها تصف اللون نفسه. HEX صيغة مختصرة شائعة في CSS، وRGB تحدد كمية الأحمر والأخضر والأزرق، وHSL تحدد درجة اللون والتشبع والإضاءة فتسهّل إنشاء درجات أفتح أو أغمق.

كيف أحصل على كود لون من شعار شركتي؟

افتح الشعار في أي برنامج تصميم واستخدم أداة القطارة لمعرفة قيمة HEX، ثم الصقها هنا لتحصل على بقية الصيغ ولوحة الدرجات.

كيف أتأكد أن النص مقروء فوق اللون؟

اترك تبايناً عالياً: نص داكن على خلفية فاتحة أو العكس. معيار WCAG يطلب نسبة تباين 4.5:1 على الأقل للنص العادي.