این ابزار درست کار نمیکند؟
دربارهٔ ابزار «مبدل HEX به RGB آنلاین»
این ابزار کدهای رنگی hex (#FF5733) را به نمادگذاری RGB (rgb(255, 87, 51)) و برعکس تبدیل میکند. هر دو فرمت همان رنگها را نشان میدهند، اما ابزارها و زمینههای مختلف فرمتهای متفاوتی را ترجیح میدهند — hex برای CSS مختصر است، RGB هنگام کار با اسلایدرها یا اسلایدرها به صورت برنامهای قابل خواندنتر است.
مبدل hex ۶ رقمی (#FF5733)، کوتاهسازی ۳ رقمی (#F53 برای #FF5533) و hex ۸ رقمی با کانال آلفا (#FF5733FF) را مدیریت میکند. خروجی هم در rgb() و هم در نحو تابع مدرن rgb(r g b / a) ارائه میشود.
هنگام پورت کردن طرحها بین ابزارها (Figma ممکن است hex را نشان دهد، کد rgb را انتظار دارد)، اشکالزدایی تفاوتهای بصری در CSS، یا ساختن ابزارهایی که با هر دو فرمت کار میکنند مفید است.
چطور از این ابزار استفاده کنم؟
چطور رنگ hex را به RGB تبدیل کنم؟
کد hex را وارد کنید
مقدار hex را در فیلد «Hex (#RGB or #RRGGBB)» قرار دهید. `#` ابتدا اختیاری است و حروف بزرگ/کوچک اهمیتی ندارد — `#FF00aa` و `ff00aa` هر دو کار میکنند.
گسترش shorthand سهرقمی
hex سهرقمی با دو برابر کردن هر رقم خودکار گسترش مییابد: `#abc` قبل از parse به `#aabbcc` تبدیل میشود. هر طول دیگری بهجز ۳ یا ۶ رقم معتبر hex با خطای روشن رد میشود.
«اجرا» را بزنید
نتیجه `r`، `g`، `b` (هر کدام ۰–۲۵۵)، `rgbCss` (رشتهٔ آمادهٔ paste مثل `rgb(r, g, b)`) و `hex` (فرم نرمالشده ششرقمی حروف کوچک) برمیگرداند.
از فیلد rgbCss مستقیم استفاده کنید
rgbCss دقیقاً مطابق چیزی که مرورگرها در inline style انتظار دارند فرمت شده است. آن را بدون ویرایش اضافی در stylesheet، ابزار طراحی یا prop کامپوننت کپی کنید.