محوّل أكواد الألوان

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

آخر تحديث: 2026 · أداة مجانية عبر الإنترنت

ما هو محوّل أكواد الألوان؟

أداة مجانية عبر الإنترنت للتحويل بين أكواد الألوان HEX وRGB وHSL وOKLCH مع نسبة تباين WCAG

1
أدخل لونًا — استخدم منتقي الألوان أو إدخال النص. يتم دعم تنسيقات HEX وrgb() وhsl().
2
عرض التنسيقات — يتم عرض تنسيقات HEX وRGB وHSL وOKLCH في وقت واحد.
3
نسخ القيم — استخدم زر النسخ لكل تنسيق لنسخ قيمة CSS.
4
التحقق من نسبة التباين — عيّن لون مقارنة للتحقق من نسبة تباين WCAG.

OKLCH هو تمثيل أسطواني لفضاء ألوان Oklab، وهو أكثر فضاء ألوان تجانسًا إدراكيًا. مدعوم في CSS Color Level 4.

تقيس فرق السطوع بين النص وألوان الخلفية. يتطلب AA نسبة 4.5:1 على الأقل، وAAA نسبة 7:1.

حاليًا يتم دعم الألوان المعتمة فقط (RGB، HEX المكون من 6 أرقام). سيتم إضافة RGBA وHSLA لاحقًا.

نعم. يمكنك لصق مخرجات كل تنسيق مباشرة في CSS.

لا. تتم جميع تحويلات الألوان في متصفحك.