الألوان والتصميم
محول الألوان (HEX/RGB/HSL/OKLCH)
محول ألوان مجاني. حوّل HEX، RGB، HSL، OKLCH وألوان CSS المسماة بمعاينة مباشرة. للمصممين والمطورين ولوحات الألوان الميسرة.
ملاحظة المحرر
Understanding · RGB, HSL, OKLCH — same colour, different stories.
هذا الفصل المعمّق متاح حاليًا باللغة الإنجليزية فقط. أداة التحويل أعلاه تعمل بلغتك؛ أما المقال التفصيلي الطويل فلم تتم ترجمته بعد.
الأسئلة المتكررة
Quick answers.
›What color formats are supported?
HEX, RGB, HSL, OKLCH and named CSS colors. Conversions happen instantly in both directions.
›What is OKLCH?
OKLCH is a perceptually uniform color space supported by modern browsers — great for accessible palettes and consistent lightness across hues.
›Why use OKLCH instead of HSL?
HSL lightness varies wildly between hues (yellow at 50% looks much lighter than blue at 50%). OKLCH fixes this — same L means same perceived lightness.
›Are alpha values supported?
Yes — RGBA, HSLA and 8-digit HEX with alpha all work.
›Is the converter free?
Yes — fully free, no signup.
يبحث الأشخاص أيضًا عن
Use with
What people reach for next.
أدوات ذات صلة
More in this room.
- مدقق التباين (WCAG)تحقق من تباين WCAG AA / AAA — ناجح أم فاشل.
- مكتشف ألوان Tailwindأقرب فئة Tailwind لأي لون HEX.
- منتقي ألوان الصورة ولوحة الألوانأسقط صورة، استخرج لوحة ألوانها.
- محاكي عمى الألوانمعاينة لوحات الألوان من خلال العمى اللوني الأحمر والأخضر والمزيد.
- مولد التدرجاتتدرجات CSS الخطية والشعاعية والمخروطية.
- مولد الظل الصندوقيمحرر box-shadow CSS مرئي.