أدوات المطورين والأمان معالجة محلية داخل متصفحك · خصوصية تامة للمدخلات

محول أكواد الألوان (HEX و RGB و HSL)

حوّل أكواد الألوان بين أنظمة HEX وRGB وHSL مع معاينة حية للون لتسهيل تصميم الواجهات.

تم النسخ!
قيمة اللون بنظام RGB —

—

كيفية تحويل أكواد الألوان (HEX, RGB, HSL)

  1. أدخل كود اللون بأي صيغة (مثل هيكس #3B82F6 أو RGB أو HSL) أو اختره من منتقي الألوان.
  2. تظهر جميع الصيغ المكافئة للون فورياً مع إمكانية نسخ الكود بضغطة زر.

المنطق الرياضي لتحويل نماذج الألوان

  • HEX إلى RGB: تحويل القيم الست عشرية المزدوجة إلى أرقام عشرية من 0 إلى 255.
  • RGB إلى HSL: حساب زاوية تدرج اللون (Hue من 0 إلى 360 درجة)، ونسبة التشبع، وشدة الإضاءة.

مثال

  • هيكس: #2563EB = بصيغة RGB: rgb(37, 99, 235) = بصيغة HSL: hsl(221, 83%, 53%).

أبرز حالات الاستخدام

  • تنسيق الألوان في ملفات CSS وتصميم المواقع الإلكترونية.
  • نقل أكواد الألوان بين برامج التصميم (Figma وPhotoshop) والبرمجة.
  • توليد تدرجات الألوان المتناسقة لواجهات المستخدم.

أسئلة شائعة حول الأداة

لماذا يُفضل نظام HSL في التصميم؟

لأنه يعتمد على (درجة اللون، والتشبع، والإضاءة) مما يسهل تفتيح اللون أو تغميقه دون تغيير لونه الأساسي.

هل تدعم الأداة الشفافية (Alpha)؟

نعم، تدعم الأداة أكواد الشفافية بصيغ RGBA و HSLA و 8-digit HEX.