DEV

محول أكواد الألوان — HEX وRGB وHSL

في عمل التصميم، تحويل تنسيقات الألوان أمر لا مفر منه. من HEX إلى RGB ومن HSL إلى OKLCH، تعامل مع كل التحويلات فوراً.

فهم نماذج الألوان

  • HEX: تنسيق #RRGGBB، الأكثر شيوعاً في تطوير الويب
  • RGB: أحمر، أخضر، أزرق (0-255)
  • HSL: تدرج اللون (0-360°)، التشبع (%)، الإضاءة (%) — سهل التعديل
  • OKLCH: فضاء ألوان حديث ومتجانس إدراكياً

متى تستخدم كل تنسيق؟

  • HEX: CSS، أدوات التصميم
  • RGB/RGBA: عند الحاجة للشفافية، معالجة JavaScript
  • HSL: تعديل الألوان برمجياً
  • OKLCH: CSS Color Level 4، أنظمة الثيمات