تبدیل HEX به RGB
کد رنگ HEX را جای‌گذاری کنید و مقدارهای RGB آن را آماده کپی به شکل rgb() یا rgba() بگیرید.
تبدیل کد رنگ HEX به RGB
فایل‌های طراحی و راهنماهای برند معمولاً رنگ‌ها را با کد HEX می‌دهند، در حالی که کد canvas، ویژگی‌های SVG، کتابخانه‌های پردازش تصویر و CSS همراه با شفافیت اغلب عددهای RGB می‌خواهند. این دو نمادگذاری دقیقاً یک چیز را توصیف میکنند، پس تبدیل میانشان هیچ اتلافی ندارد.
این صفحه مبدل رنگ را با ورودی HEX و یک نمونه بارگذاری‌شده باز می‌کند. کد خودتان را جایگزین آن کنید.
تبدیل چطور انجام میشود
یک رنگ HEX سه بایت است که در مبنای ۱۶ نوشته شده‌اند: قرمز، سبز و آبی. هر جفت رقم از 00 تا FF است، یعنی ۰ تا ۲۵۵ در مبنای ده. برای تبدیل یک جفت، رقم اول را در ۱۶ ضرب کنید و رقم دوم را به آن اضافه کنید؛ حروف A تا F نماینده ۱۰ تا ۱۵ هستند.
| HEX | جفت‌ها | RGB |
|---|---|---|
#0A84FF | 0A · 84 · FF | rgb(10, 132, 255) |
#FF5733 | FF · 57 · 33 | rgb(255, 87, 51) |
#FFF | FF · FF · FF | rgb(255, 255, 255) |
#000000 | 00 · 00 · 00 | rgb(0, 0, 0) |
کدهای کوتاه و آلفا
- ۳ رقمی: هر رقم دو بار تکرار میشود، پس
#0AFهمان#00AAFFاست. - ۴ رقمی: همان تکرار ارقام، و رقم چهارم آلفا است.
- ۸ رقمی: جفت آخر آلفا است، از 00 (کاملاً شفاف) تا FF (کاملاً مات)، و به شکل
rgba()با مقداری بین ۰ و ۱ نمایش داده میشود. - علامت
#در ابتدا اختیاری است و حروف کوچک و بزرگ هر دو پذیرفته میشوند.
تبدیل HEX به RGB در کد
در جاوااسکریپت، parseInt('84', 16) عدد ۱۳۲ را برمی‌گرداند، پس تبدیل کامل یعنی سه فراخوانی مشابه روی جفت‌ها. در پایتون، tuple(int(h[i:i+2], 16) for i in (0, 2, 4)) همین کار را برای رشته‌ای شش‌رقمی بدون # انجام می‌دهد. CSS امروزی هر دو نمادگذاری را مستقیم می‌پذیرد، پس تبدیل فقط وقتی لازم است که ابزار یا API خاصی فقط یکی از آن‌ها را قبول کند.
تبدیل‌های مرتبط
برای مسیر برعکس، تبدیل RGB به HEX مقدارهای کانال را دوباره به کد رنگ تبدیل می‌کند. برای ساختن نسخه‌های روشن‌تر و تیره‌تر یک رنگ، تبدیل HEX به HSL معمولاً راحت‌تر است و بررسی کنتراست رنگ به شما می‌گوید آیا رنگی روی پس‌زمینه‌اش خوانا هست یا نه.