Skip to content

محوّل الألوان والتباين

حوّل الألوان بين HEX وRGB وHSL وOKLCH وتحقق من نسب تباين WCAG لنص سهل القراءة.

بلا رفع Embed this tool on your site →
HEX#FF5A1F
RGBrgb(255, 90, 31)
HSLhsl(16 100% 56%)
OKLCHoklch(68.2% 0.211 37.7)
Tailwindbg-[#ff5a1f]

Contrast checker

Background #ffffff

Large heading

Normal body text looks like this on the background.

3.12:1

✕ AA normal text
✓ AA large text
✕ AAA normal text
✕ AAA large text

Palette contrast matrix

Paste a whole palette to check every text/background pair against WCAG 2.2.

0 of 0 pairs pass

كيفية استخدام محوّل الألوان والتباين

  1. 1افتح محوّل الألوان والتباين. يعمل في متصفحك دون تسجيل.
  2. 2اكتب بياناتك أو الصقها.
  3. 3انسخ النتيجة أو نزّلها.

أسئلة

What contrast do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt bold).

What is OKLCH?

A perceptual colour space used in modern CSS. Equal steps in lightness look equal to the eye.

أدوات أخرى

منسّق ومدقق JSONتجميل، تصغير، تحقق ترميز وفك ترميز Base64نصوص وملفات مولّد التجزئة (Hash)MD5 وSHA-1 وSHA-256 وSHA-512 مولّد كلمات المرور وUUIDقوية وعشوائية ومحلية مختبر التعابير النمطيةتطابقات ومجموعات مباشرة فك ترميز JWTالترويسة والحمولة والانتهاء مقارنة النصوصقارن بين نصين CSV ↔ JSON ↔ YAML ↔ XMLحوّل صيغ البيانات