مبدل HEX به RGB: کد رنگ، HSL، CMYK – رایگان
رایگان، بدون ثبت‌نام، در مرورگرتان کار می‌کند. HEX را به RGB یا برعکس تبدیل کنید، با HEX، RGB، HSL، HSV و CMYK که با هم نشان داده می‌شوند و هر کدام دکمه کپی دارد.
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
- HSV
- hsv(227, 82%, 100%)
- CMYK
- cmyk(82%, 64%, 0%, 0%)
کنتراست برای متن
AA برای متن عادی به 4.5:1 و برای متن بزرگ به 3:1 نیاز دارد؛ AAA به 7:1 نیاز دارد. کنتراست روی رنگ یکدست سنجیده می‌شود.
همه‌چیز روی دستگاه شما تبدیل می‌شود.
چرا از مبدل رنگ HEX به RGB استفاده کنیم
- 100% رایگان
- هر چند وقت که بخواهید از آن استفاده کنید. بدون ثبت‌نام، بدون واترمارک و بدون نیاز به نصب.
- حریم خصوصی از ابتدا
- آنچه تایپ می‌کنید در مرورگر شما می‌ماند و هرگز برای ما ارسال نمی‌شود.
- روی هر دستگاهی کار می‌کند
- در مرورگر روی Windows، Mac، Linux، Android و iPhone اجرا می‌شود. نیازی به برنامه نیست.
طرز استفاده از مبدل رنگ HEX به RGB
- یک رنگ را در «رنگ» و در هر قالبی بچسبانید، مثل #2F5BFF، rgb(47, 91, 255)، hsl(227, 100%, 59%) یا cmyk(82%, 64%, 0%, 0%)، یا از «انتخاب نمونه رنگ» استفاده کنید.
- اگر شفافیت لازم دارید، نوار «شفافیت» را بکشید. HEX دو رقم بیشتر می‌گیرد و RGB به rgba() تبدیل می‌شود.
- روی دکمه کپی کنار HEX، RGB، HSL، HSV یا CMYK بزنید.
- زیر «کنتراست متن» بررسی کنید که متن سفید یا سیاه روی این رنگ خوانا است.
پرسش‌های متداول
چطور HEX را به RGB تبدیل کنم؟
شش رقم را به سه جفت تقسیم کنید و هر جفت را یک عدد از 0 تا 255 بخوانید. برای #2F5BFF این‌ها 2F = 47، 5B = 91 و FF = 255 می‌شوند، پس rgb(47, 91, 255). این ابزار هنگام تایپ همین کار را می‌کند.
چطور RGB را به HEX تبدیل کنم؟
مقدار RGB را بچسبانید، مثل rgb(47, 91, 255) یا فقط 47, 91, 255، و خط HEX را کپی کنید. هر عدد از 0 تا 255 به دو رقم هگزادسیمال تبدیل می‌شود: 47 می‌شود 2F، 91 می‌شود 5B و 255 می‌شود FF.
کدهای HEX هشت‌رقمی چطور؟
دو رقم آخر آلفا (شفافیت) است، از 00 (شفاف) تا FF (کاملاً مات). #2F5BFF80 حدود 50% مات است. شکل‌های کوتاه مثل #abc و #abcd هم کار می‌کنند.
تفاوت HEX، RGB و HSL چیست؟
همه یک رنگ را به شکل‌های مختلف توصیف می‌کنند. HEX و RGB مقدار قرمز، سبز و آبی را می‌دهند (HEX در مبنای 16)، در حالی که HSL رنگ‌مایه، اشباع و روشنایی را می‌دهد که با دست تنظیمش آسان‌تر است. هر سه در CSS کار می‌کنند.
HSV چیست و با HSL چه فرقی دارد؟
HSV (که HSB هم نامیده می‌شود) از رنگ‌مایه، اشباع و مقدار استفاده می‌کند؛ مدلی که بسیاری از برنامه‌های طراحی در انتخابگر رنگ‌شان دارند. در HSL، روشنایی 100% همیشه سفید است؛ در HSV، مقدار 100% روشن‌ترین نسخه رنگ است.
چرا رنگ‌های CMYK در چاپ متفاوت به نظر می‌رسند؟
تبدیل از نمایشگر به چاپ به چاپگر، جوهر و کاغذ بستگی دارد. CMYK نشان داده‌شده اینجا یک تبدیل ریاضی ساده است؛ برای نتیجه دقیق، پروفایل رنگ چاپگرتان را بخواهید.
نسبت کنتراست یعنی چه؟
میزان خوانایی متن سفید یا سیاه روی رنگ را می‌سنجد. راهنمای دسترس‌پذیری (WCAG) حداقل 4.5:1 برای متن معمولی، 3:1 برای متن درشت و 7:1 برای سطح سخت‌گیرانه‌تر AAA می‌خواهد.
آیا چیزی جایی فرستاده می‌شود؟
نه. تبدیل‌ها روی دستگاه شما انجام می‌شوند.
آیا مبدل رنگ HEX به RGB رایگان است؟
بله. استفاده از آن رایگان است، بدون ثبت‌نام و بدون نیاز به نصب.
راهنما و آموزش‌ها (به انگلیسی)
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
- The 60-30-10 Color Rule for Websites and Slides (Free)The 60-30-10 rule splits a design into a dominant colour, a secondary and an accent. Use it on web pages and slides with HEX codes and a free palette generator.
- Christmas Color Palette Ideas with HEX Codes (Free)Five Christmas colour palettes with HEX codes, from classic red and green to Nordic and midnight blue, with contrast-checked text pairs. Build more free.
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- CSS Gradient Text: background-clip Method (Free Generator)Make CSS gradient text with background-clip: text and a transparent fill. Copy a gradient from a free generator, add a solid fallback, check contrast.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
ابزارهای مرتبط
- یابنده نام رنگکد HEX، RGB یا HSL را بچسبانید یا رنگی انتخاب کنید و نزدیکترین نامهای رنگ CSS را ببینید. همه 148 نام رنگ را مرور و فیلتر کنید.
- بررسیگر کنتراست رنگرنگ متن و پسزمینه را وارد کنید تا نسبت کنتراست WCAG و نتیجه AA و AAA را ببینید. اگر رد شد، نزدیکترین رنگ قبولشده را با یک کلیک بگیرید.
- تولیدکننده پالت رنگپالت پنجرنگی بسازید، رنگها را قفل کنید یا از رنگ خودتان طرح بسازید. 11 سایه هر رنگ را ببینید و خروجی CSS، Tailwind، JSON یا HEX بگیرید.
- تولیدکننده گرادیان CSSگرادیان خطی، شعاعی یا مخروطی بسازید، زنده ببینید و کد CSS پسزمینه را کپی کنید یا آن را بهصورت PNG با اندازههای HD، 4K یا بنر دانلود کنید.