تبدیل رنگ HEX / RGB / HSL

تبدیل بین فرمت‌های رنگ با انتخابگر و بررسی کنتراست.

رایگان
همه‌ی این ابزارها داخل مرورگر شما اجرا می‌شوند؛ هیچ داده‌ای به سرور ما ارسال نمی‌شود.

درباره‌ی تبدیل رنگ HEX / RGB / HSL

یک رنگ را می‌توان به شکل هگز، RGB یا HSL نوشت و هر سه دقیقاً همان رنگ‌اند. مزیت HSL این است که برای ساختن حالت روشن‌تر یا تیره‌تر یک رنگ فقط کافی است عدد سوم را تغییر دهید — کاری که با هگز عملاً حدس زدن است.

راهنمای استفاده از تبدیل رنگ HEX / RGB / HSL

  1. 1

    رنگ را در هر قالبی وارد کنید یا از انتخابگر رنگ استفاده کنید.

  2. 2

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

  3. 3

    نسبت کنتراست با سفید و مشکی را برای بررسی دسترس‌پذیری ببینید.

  4. 4

    قالب مورد نیاز خود را کپی کنید.

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

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

استاندارد WCAG برای متن معمولی حداقل ۴٫۵ به ۱ و برای متن درشت ۳ به ۱ را لازم می‌داند. سفید روی مشکی بیشترین مقدار ممکن یعنی ۲۱ به ۱ است.

چه وقت از HSL استفاده کنم؟

وقتی می‌خواهید طیفی از یک رنگ بسازید یا تم روشن و تیره طراحی کنید. تغییر روشنایی در HSL قابل‌پیش‌بینی است، بر خلاف دستکاری هگز.

هگز هشت‌رقمی چیست؟

دو رقم آخر شفافیت را نشان می‌دهند. مثلاً پسوند 80 یعنی حدود پنجاه درصد شفاف.