الرئيسية محوّل الألوان

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

#RGB يضاعف كل رقم فيصير #RRGGBB. ‏#ff0000 هو rgb(255, 0, 0) وhsl(0, 100%, 50%). اللون يبقى هنا.

لماذا وُجد

تصميم وورقة أنماط يكتبان اللون نفسه #ff0000 أو rgb(255, 0, 0) أو hsl(0, 100%, 50%).

مدّ #abc القصير إلى ستة أرقام ثم تقريب HSL إلى أعداد صحيحة قد يحرّك قناة بمقدار 1.

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

    عدّل HEX أو RGB أو HSL فيتبع الحقلان الآخران وعينة اللون.

    العينة تدهن ذلك HEX خلفية. النسخ يضع أسطر HEX وrgb() وhsl() في الحافظة.

    إغلاق اللسان يمسح اللون. هذه الصفحة لا تقرأ قناة شفافية.

  2. 02مثال الناتج

    #ff0000 و#00ff00 و#0000ff هي hsl(0, 100%, 50%) وhsl(120, 100%, 50%) وhsl(240, 100%, 50%)، وكل واحد يعود إلى HEX نفسه.

    ‏#fff هو #ffffff وrgb(255, 255, 255) وhsl(0, 0%, 100%). ‏#000000 هو hsl(0, 0%, 0%).

    المُدخل#ff0000

    #ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%)
    #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%)
    #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%)
    #abc #aabbcc · يعود #a9bacb
  3. 03مفيد أن تعرفه

    الصبغة 360 هي 0 نفسها. hsl(360, 100%, 50%) هو #ff0000.

    الرمادي #808080 تشبعه 0، فتخرج الصبغة 0. إضاءة 50% تعود إلى 128, 128, 128.

    قناة خارج المدى أو عدد عشري يُظهر خطأ في ذلك الحقل ولا يُنسخ اللون الأخير.

    هذا التحويل sRGB على الشاشة. لا ينتج CMYK للطباعة.

أسئلة

Qهل #f00 هو #ff0000؟
Aنعم. كل رقم يُكتب مرتين فيصير #ff0000.
Qهل يعيد HSL من #abc الـ HEX نفسه؟
Aلا. hsl(210, 25%, 73%) يعود #a9bacb.
Qهل يُقرأ HEX من 8 أرقام؟
Aلا. يُقرأ #RGB و#RRGGBB فقط.
Qهل يُحفظ اللون؟
Aلا. يبقى في هذا المتصفح ولا يُرسل إلى خادم.

كيف تحسب هذه الصفحة

تحوّل هذه الصفحة HEX وRGB وHSL إلى لون sRGB نفسه. ‏#RRGGBB يكتب الأحمر والأخضر والأزرق برقمين. ‏#ff0000 هو rgb(255, 0, 0) وhsl(0, 100%, 50%). ‏#00ff00 صبغته 120 و#0000ff صبغته 240. ‏#RGB يضاعف كل رقم. ‏#abc يصبح #aabbcc، أي rgb(170, 187, 204) وhsl(210, 25%, 73%).

يستعمل HSL التحويل نفسه الذي يستعمله CSS، والشاشة تُقرّب الصبغة والتشبع والإضاءة إلى أعداد صحيحة. العودة عبر تلك الأعداد قد تحرّك قناة بمقدار 1. hsl(210, 25%, 73%) من #abc يعود #a9bacb. ‏#808080 هو rgb(128, 128, 128) وhsl(0, 0%, 50%) ويعود إلى #808080. الصبغة 360 هي 0 نفسها، لذا hsl(360, 100%, 50%) هو #ff0000.

كل قناة RGB عدد صحيح من 0 إلى 255. التشبع والإضاءة من 0 إلى 100. لا يُقرأ HEX من 8 أرقام ولا عدد عشري. قيمة خارج المدى تُظهر خطأ في ذلك الحقل ولا يُنسخ اللون الأخير. هذا التحويل sRGB على الشاشة ولا ينتج CMYK للطباعة. اللون يبقى في هذا المتصفح ولا يُرسل إلى خادم.

  • # لون
  • # هكس
  • # آر جي بي
  • # إتش إس إل