طريقة تحويل كود اللون
اكتب أو اختر اللون
اكتب #FF5733 أو rgb(255, 87, 51) أو اسم لون، أو اختره من المنتقي.
عدّل إن أردت
حرّك R وG وB أو الشفافية، وتتغير كل الصيغ مباشرة.
انسخ الكود
اضغط «نسخ» بجانب الصيغة التي تحتاجها.
صيغ الألوان ومتى تستخدمها
| الصيغة | مثال | تُستخدم في |
|---|---|---|
| HEX | #446E7D | CSS والتصميم، والأكثر انتشارا. |
| RGB | rgb(68, 110, 125) | CSS والبرمجة، ومع الشفافية rgba(). |
| HSL | hsl(195.8, 29.5%, 37.8%) | CSS، ويسهل فيه تفتيح اللون أو تغميقه. |
| HSV / HSB | hsv(195.8, 45.6%, 49%) | فوتوشوب وبرامج الرسم (ليست صيغة CSS). |
| HWB | hwb(195.8 26.7% 51%) | CSS الحديثة. |
| CMYK | cmyk(45.6%, 12%, 0%, 51%) | تقدير للطباعة (انظر الملاحظة). |
| OKLCH | oklch(51.3% 0.052 222.7) | CSS الحديثة: تدرجات أنعم وألوان متناسقة. |
أسئلة شائعة
كيف أحول HEX إلى RGB يدويا؟
قسّم الكود إلى ثلاث خانات من رقمين، وحوّل كل خانة من النظام الست عشري إلى العشري: #44 = 4×16+4 = 68، و6E = 6×16+14 = 110، و7D = 7×16+13 = 125، فيكون اللون rgb(68, 110, 125).
ما الفرق بين RGB وRGBA؟
RGBA هو RGB مع رقم رابع للشفافية من 0 (شفاف تماما) إلى 1 (معتم). حرّك شريط الشفافية لتحصل عليه، وفي HEX تضاف خانتان في آخر الكود.
ما الفرق بين HSL وHSV؟
كلاهما يبدأ بدرجة اللون (H). في HSL أقصى فتحية (L=100%) تعطي الأبيض، وفي HSV أقصى قيمة (V=100%) تعطي اللون في أقوى صوره. CSS تستخدم HSL، وفوتوشوب يسمي HSV باسم HSB.
هل التحويل دقيق؟
نعم. قارنّا النتائج بحسابات مستقلة بلغة Python (مكتبة colorsys والمعادلات الرسمية) على آلاف الألوان. نعرض القيم بخانة عشرية واحدة، وHEX وRGB أرقام صحيحة.
كيف أعرف اسم اللون؟
إن كان لكود اللون اسم في CSS نعرضه، وإلا نعرض أقرب اسم له من الأسماء الـ148. وكل الأسماء في القائمة أسفل الأداة مع أكوادها.