تبدیل رنگ و بررسی کنتراست

کد رنگ را به هر شکلی بچسبان تا HEX، RGB و HSL آن را ببینی. با انتخاب رنگ زمینه، نسبت کنتراست و قبولی در سطح‌های AA و AAA استاندارد WCAG هم نشان داده می‌شود.

کاملاً آفلاین

در حال بارگذاری…

امکانات

HEX سه، چهار، شش و هشت رقمی
rgb() و hsl() با نحو قدیمی (کاما) و جدید (فاصله و /)
پشتیبانی شفافیت (آلفا)
نسبت کنتراست WCAG با سطح‌های AA و AAA برای متن معمولی و بزرگ
انتخاب‌گر رنگ و پیش‌نمایش متن روی زمینه
کار آفلاین

مثال‌ها

HEX به RGB و HSL

ورودی: #ff8800
خروجی: rgb(255, 136, 0) · hsl(32, 100%, 50%)

کنتراست خاکستری روی سفید

ورودی: #767676 روی #ffffff
خروجی: 4.54:1 (AA قبول)

پرسش‌های متداول

کنتراست چند باید باشد؟

طبق WCAG برای متن معمولی دست‌کم 4.5:1 (سطح AA) و برای متن بزرگ دست‌کم 3:1. سطح AAA به 7:1 نیاز دارد.

رنگ شفاف چطور حساب می‌شود؟

رنگ نیمه‌شفاف اول روی رنگ زمینه ترکیب می‌شود و کنتراست رنگ حاصل محاسبه می‌شود.

نام رنگ‌ها مثل red پشتیبانی می‌شود؟

فعلاً نه؛ HEX، rgb() یا hsl() وارد کن.