محول RGB إلى HSL

حوّل بين RGB وHSL مع معاينة مباشرة.

RGB

R
G
B

HSL

H
S %
L %

عن محول RGB إلى HSL

يصف HSL اللون بدرجة اللون والتشبع والإضاءة، وهو أسهل في الضبط يدوياً. حوّل في الاتجاهين وشاهد المعاينة تتحدث.

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

  1. أدخل قيم RGB أو حرّك أشرطتها.
  2. أو أدخل قيم HSL أو حرّك أشرطتها.
  3. تبقى المجموعتان متزامنتين.
  4. انسخ نص rgb() أو hsl() الجاهز لـ CSS.

أمثلة

  • rgb(255, 127, 80) ← hsl(16, 100%, 66%)
  • hsl(210, 50%, 40%) ← rgb(51, 102, 153)

الأسئلة الشائعة

لماذا تختلف القيمة أحياناً بمقدار 1 عند التحويل العكسي؟
تُعرض قيم HSL كأعداد صحيحة، لذا قد يختلف التحويل العكسي بوحدة واحدة بسبب التقريب.
هل HSL متجانس إدراكياً؟
لا. لونان بنفس إضاءة HSL قد يبدوان مختلفين في السطوع؛ فالأصفر يبدو أفتح بكثير من الأزرق.
هل يمكنني لصق نصوص CSS؟
نعم، الصق rgb(...) أو hsl(...) في حقل الإدخال السريع.

أدوات ذات صلة