تبدیل واحدهای رنگی
ورودی رنگ مبدأ
مشاهده و تنظیم دقیق
نتایج تبدیل به تمام فرمتها
HEX Code
RGB / RGBA
HSL / HSLA
HSV / HSB
CMYK Print
راهنمای ابزار تبدیل واحدهای رنگی
رنگها در دنیای دیجیتال فقط اعداد هستند، اما روش تفسیر این اعداد متفاوت است. بیایید با ۴ مدل اصلی که در این ابزار تبدیل میشوند آشنا شویم:
HEX (Hexadecimal)
زبان مشترک توسعهدهندگان وب. این کد ۶ رقمی در واقع ۳ جفت عدد در مبنای ۱۶ است که مقادیر قرمز، سبز و آبی را مشخص میکند.
RGB (Red, Green, Blue)
این مدل بر اساس "نور" است. هر پیکسل مانیتور شما از ترکیب این سه نور ساخته میشود. مقدار هر کانال بین ۰ تا ۲۵۵ است.
HSL (Hue, Saturation, Lightness)
انسانیترین مدل رنگی. به جای اعداد مبهم، از زاویه رنگ (۰-۳۶۰)، غلظت و روشنایی استفاده میکند که کار با آن برای طراحان بسیار لذتبخش است.
CMYK (Cyan, Magenta, Yellow, Black)
دنیای چاپ! بر خلاف RGB که با اضافه کردن نور به سیاهی شروع میشود، CMYK با کم کردن نور از سفیدی کاغذ (توسط جوهر) کار میکند.
قرمز
انرژی، عشق، خطر، اشتها
آبی
اعتماد، آرامش، تکنولوژی
سبز
سلامت، رشد، پول، طبیعت
زرد
شادی، خوشبینی، جلب توجه
💡 نکته طراحی:
استفاده از رنگهای مکمل (مانند آبی و نارنجی) در کنار هم باعث میشود هر دو رنگ زندهتر و جذابتر به نظر برسند. اگر دکمه "خرید" شما نارنجی است، قرار دادن آن در یک پسزمینه آبی تیره کنتراست فوقالعادهای ایجاد میکند.
کانال آلفا میزان کدورت (Opacity) یک رنگ را مشخص میکند. این ویژگی برای طراحیهای مدرن که دارای افکتهای شیشهای (Glassmorphism) یا سایههای نرم هستند حیاتی است.
rgba(255, 0, 0, 0.5)
۵۰٪ شفافیت قرمز
#FF000080
معادل HEX 8-digit
انتخاب فرمت ورودی
ابتدا فرمت رنگی که دارید (مثلا RGB) را از لیست انتخاب کنید.
تنظیم مقادیر
اعداد را تایپ کنید یا اسلایدرها را بکشید. پیشنمایش رنگ همزمان آپدیت میشود.
مشاهده خروجیها
تمام فرمتهای دیگر (HEX, HSL, HSV, CMYK) در کارتهای پایین آماده هستند.
کپی فوری
با کلیک روی آیکون کپی، کد رنگ دقیقاً به فرمت دلخواه در حافظه ذخیره میشود.
آیا دقت تبدیل RGB به CMYK صد در صد است؟
خیر. به دلیل تفاوت در تکنولوژی (یکی نور است و دیگری جوهر)، برخی رنگهای "نوری" در فضای CMYK قابل بازتولید نیستند. این ابزار از دقیقترین فرمولهای ریاضی برای تبدیل استفاده میکند، اما همیشه برای پروژههای چاپی حساس، خروجی را در نرمافزارهای تخصصی مثل ایندیزاین چک کنید.
چرا کدهای HEX گاهی ۳، ۶ یا ۸ رقمی هستند؟
کد ۳ رقمی فرم کوتاه شده است (#F00 = #FF0000). کد ۶ رقمی استاندارد اصلی است. کد ۸ رقمی دارای ۲ کاراکتر اضافی در انتها برای مشخص کردن میزان "شفافیت" (Alpha) است که در CSS مدرن پشتیبانی میشود.
تفاوت کاربردی HSL و HSV در چیست؟
HSL (Lightness) برای توسعهدهندگان وب ایدهآل است چون به کدهای CSS نزدیکتر است. اما HSV (Value) توسط اکثر مانیتورها و نرمافزارهای گرافیکی مثل فتوشاپ برای انتخاب رنگ استفاده میشود چون درک چشم انسان از شدت نور را بهتر شبیهسازی میکند.
آیا این ابزار کدهای RGBA را هم کپی میکند؟
بله! در بخش نتایج تبدیل، برای اکثر فرمتها دو کد نمایش داده میشود: یکی کد استاندارد و دیگری کد همراه با مقدار شفافیت (Alpha). شما میتوانید مستقیماً هر کدام را که نیاز دارید کپی کنید.
کدام سیستم رنگی برای پروژههای رابط کاربری (UI) بهتر است؟
برای سیستمهای دیزاین (Design Systems)، استفاده از HSL پیشنهاد میشود. چون میتوانید یک تهرنگ ثابت (Hue) انتخاب کنید و فقط با تغییر اعداد Saturation و Lightness، پالتهای رنگی یکنواخت و زیبا بسازید.
آیا مانیتور من روی نمایش این رنگها تأثیر دارد؟
کاملاً. هر مانیتور کالیبراسیون خاص خود را دارد. رنگی که شما در این ابزار میبینید ممکن است در گوشی هوشمند یا مانیتور دیگر کمی متفاوت به نظر برسد. این یک محدودیت سختافزاری است و ربطی به کدهای رنگی ندارد.
آیا این ابزار آفلاین هم کار میکند؟
بله، پس از اینکه صفحه یکبار به طور کامل لود شد، تمام محاسبات به صورت محلی (Client-Side) در مرورگر شما انجام میشود و نیازی به ارسال داده به سرور نیست. حریم خصوصی شما کاملاً محفوظ است.
منظور از "رنگهای امن وب" (Web Safe Colors) چیست؟
این اصطلاح مربوط به گذشته است که مانیتورها فقط ۲۵۶ رنگ را نشان میدادند. امروزه با وجود نمایشگرهای True Color، دیگر نیازی به محدود کردن خود به ۲۱۶ رنگ امن وب نیست و میتوانید از تمام ۱۶.۷ میلیون رنگ ممکن استفاده کنید.