محوّل الألوان
حوّل لونًا بين صيغ HEX وRGB وHSL مع معاينة حية للعينة - عدّل أي قيمة وستتحدث البقية فورًا.
#3b82f6
rgb(59, 130, 246) · hsl(217, 91%, 60%)
RGB
HSL
الأسئلة الشائعة
ما الفرق بين RGB وHSL؟
يصف RGB لونًا من خلال مكوّناته الحمراء والخضراء والزرقاء (0-255 لكل منها). يصف HSL اللون نفسه من خلال التدرج اللوني (الموضع على عجلة الألوان، 0-360°)، والتشبع (الشدة، 0-100%)، والإضاءة (0-100%). غالبًا ما يكون HSL أكثر بداهة لضبط لون، مثل جعله أفتح أو أكثر خفوتًا، دون تغيير تدرجه اللوني.
هل يمكنني إدخال كود سداسي مكوّن من 3 أرقام مثل #fff؟
نعم، تُوسَّع الأكواد السداسية المختصرة المكونة من 3 أرقام تلقائيًا، ويصبح #fff هو #ffffff قبل التحويل.
لماذا أحوّل HEX إلى HSL بدلاً من استخدام HEX في كل مكان؟
يسهّل HSL بعض حيل CSS، مثل توليد مجموعة من درجات الألوان المتسقة بتغيير قيمة الإضاءة فقط، أو بناء لوحة ألوان يسهل الوصول إليها بالتحكم في التشبع والإضاءة بشكل مستقل عن التدرج اللوني.