حول هذه الأداة
انتقِ لونًا أو اكتب قيمة HEX وشاهد فورًا مكافئاتها بصيغتي RGB وHSL مع نموذج لوني مباشر. انقر أي قيمة لنسخها. رائع لـ CSS وأنظمة التصميم ومطابقة ألوان العلامة التجارية.
الأسئلة الشائعة
ما هو HSL؟
يصف HSL اللون عبر التدرّج (0–360°) والتشبّع والإضاءة. وغالبًا ما يكون أكثر بداهة من HEX لضبط الدرجات.
هل يدعم HEX بثلاثة أرقام؟
نعم. تُوسَّع الصيغ المختصرة مثل #f80 تلقائيًا إلى صيغتها بستة أرقام.