این ابزار درست کار نمی‌کند؟

دربارهٔ ابزار «مبدل RGBA به HEX آنلاین»

این ابزار مقادیر رنگ RGBA را به نمادگذاری hex ۸ رقمی با آلفا تبدیل می‌کند. rgba(255, 87, 51, 0.5) به #FF573380 تبدیل می‌شود، جایی که دو کاراکتر آخر آلفای ۵۰٪ را کدگذاری می‌کنند. CSS مدرن از هر دو فرمت پشتیبانی می‌کند؛ گاهی اوقات به شکل فشرده hex نیاز دارید.

کدهای hex ۸ رقمی در توکن‌های طراحی، فایل‌های تم، و متغیرهای CSS مفید هستند جایی که می‌خواهید یک رشته واحد به طور کامل یک رنگ از جمله شفافیت آن را توصیف کند. آنها همچنین هنگام کپی رنگ‌ها به برنامه‌هایی که فقط hex را می‌پذیرند ضروری هستند.

تبدیل برای مقادیر آلفایی که به طور تمیز به ۸ بیت گرد می‌شوند (مضرب‌های ۱/۲۵۵) دقیق است. گرد کردن جزئی می‌تواند برای مقادیر دلخواه شفافیت مانند ۰.۱۲۳ رخ دهد — hex حاصل به عنوان نزدیک‌ترین آلفای قابل نمایش نشان داده می‌شود.

چطور از این ابزار استفاده کنم؟

چطور RGBA را به رنگ hex (با alpha) تبدیل کنم؟

  1. دو راه برای وارد کردن رنگ

    یک رشتهٔ RGBA در «RGBA code» تایپ/paste کنید (مثل `rgba(255,128,0,0.5)` یا چهار عدد `200 180 90 0.25`)، یا اسلایدرهای R/G/B به‌علاوه عدد Alpha را تنظیم کنید. «RGBA code» غیرخالی بر اسلایدرها اولویت دارد.

  2. فرمت‌های پذیرفته‌شده RGBA

    parser از `rgba(r, g, b, a)`، `rgb(r, g, b)` (alpha پیش‌فرض ۱) و تاپل‌های جداشده با whitespace مثل `255 128 0 0.5` پشتیبانی می‌کند. alpha می‌تواند float ۰–۱ باشد؛ رشته‌های درصد opacity پارس نمی‌شوند.

  3. «اجرا» را بزنید

    خروجی شامل `r`، `g`، `b` (۰–۲۵۵)، `a` (۰–۱)، `alphaByte` (۰–۲۵۵)، `hex` (هشت‌رقمی `#rrggbbaa`)، `hexRgb` (شش‌رقمی بدون alpha) و `rgbaCss` (رشتهٔ آمادهٔ `rgba(r, g, b, a)`) است.

  4. alpha باید در ۰–۱ بماند

    حالت اسلایدر alpha را به‌عنوان عددی بین ۰ و ۱ (شامل) اعتبارسنجی می‌کند — هر چیز دیگری «Alpha must be a number from 0 to 1.» می‌دهد. اگر فقط درصد دارید، اول از ۰–۱۰۰٪ تبدیل کنید.