تبدیل کد رنگ HEX به RGB و HSL

یکی از سه قالب را وارد کنید یا رنگ را انتخاب کنید؛ دو قالب دیگر خودکار پر می‌شود.

روش استفاده از تبدیل رنگ HEX، RGB و HSL

  1. رنگ را با انتخابگر برگزینید یا یکی از قالب‌ها را تایپ کنید.
  2. دو قالب دیگر همزمان به‌روز می‌شود.
  3. با دکمهٔ کپی، مقدار موردنظر را بردارید.

دربارهٔ تبدیل رنگ HEX، RGB و HSL

در CSS رنگ‌ها به سه شکل رایج نوشته می‌شوند: HEX (مثل #0A5C5E)، RGB (مقدار قرمز، سبز و آبی) و HSL (فام، اشباع و روشنایی). HSL برای ساختن تیره و روشن یک رنگ ساده‌تر است، زیرا تنها با تغییر درصد روشنایی می‌توان سایه‌های هماهنگ ساخت.

این ابزار هر سه قالب را همگام نگه می‌دارد و با محاسبهٔ روشنایی رنگ، می‌گوید متن تیره یا روشن روی آن خواناتر است؛ نکته‌ای که برای دسترس‌پذیری و کنتراست مناسب اهمیت دارد.

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

HEX سه‌رقمی هم پذیرفته می‌شود؟

بله؛ مثلاً #0AF به #00AAFF گسترش داده می‌شود.

HSL چه فایده‌ای دارد؟

برای ساخت سایه‌های روشن‌تر و تیره‌تر از یک رنگ پایه ساده‌تر از HEX و RGB است.

آیا شفافیت (Alpha) پشتیبانی می‌شود؟

در این نسخه فقط رنگ‌های مات پشتیبانی می‌شود.

آخرین به‌روزرسانی این صفحه: