رجوع إلى المحولات

محول الألوان

تحويل بين HEX و RGB و HSL

حوّل بين صيغ الألوان فوراً. محولنا المجاني يدعم HEX و RGB و HSL. HEX إلى RGB لتصميم الويب، RGB إلى HEX لـ CSS، أو HSL لضبط الألوان—نتائج دقيقة بدون تسجيل. HEX في HTML و CSS؛ RGB للشاشات؛ HSL لضبط الألوان بشكل بديهي.

أكثر التحويلات شيوعاً في الألوان

الأكثر شيوعاً: HEX إلى RGB (تصميم الويب)، RGB إلى HSL (ضبط اللون)، HSL إلى HEX (CSS). مستخدم في CSS وأدوات التصميم والتطوير.

جدول مرجعي سريع – الألوان

HEX: #RRGGBB (مثلاً #ff0000=أحمر) | RGB: 0-255 لكل لون | HSL: الصبغة 0-360، التشبع 0-100٪، الإضاءة 0-100٪

متى تستخدم كل صيغة

استخدم HEX عند العمل مع HTML أو CSS أو أدوات التصميم—مضغوط ومدعوم على نطاق واسع. استخدم RGB عند الحاجة لمعالجة القنوات في الكود أو عندما يتوقع API قيماً بين 0–255. استخدم HSL عند الرغبة في ضبط السطوع أو التشبع أو إنشاء تدرجات لونية—تغيير الإضاءة وحده يعطيك درجات أفتح أو أغمق من نفس الصبغة.

كيفية الاستخدام

  1. Click the color swatch or enter a HEX, RGB, or HSL value.
  2. Adjust any field; all formats update in real time.
  3. Copy the result you need (HEX for CSS, RGB for code, HSL for tweaking).
  4. Use the value in your project—no signup or download required.

حالات الاستخدام الشائعة

  • ✓Web design
  • ✓Brand colors
  • ✓CSS and styling
  • ✓Image editing

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

What is HEX color?
HEX is a 6-digit hexadecimal code (e.g. #FF5733) representing RGB values. Common in web design.
Can I pick colors from my screen?
Yes. Use the color picker to select any color visible on your screen.
What is the difference between RGB and HSL?
RGB uses red, green, blue values (0–255 each). HSL uses hue (0–360), saturation, and lightness—better for adjusting brightness or creating color variations.
Why use HEX for web design?
HEX is compact, widely supported in HTML and CSS, and easy to copy. Browsers and design tools use it by default.

قد يعجبك أيضاً:

color pickerqr generatorjson formatter