Color Converter | Free Edu & .COM Temporary Mails
← همه ابزارها / Color Converter

🎨 مبدل رنگ

تبدیل رنگ ها بین فرمت های HEX، RGB و HSL. روی انتخابگر رنگ کلیک کنید یا هر مقداری را تایپ کنید.

مبدل رنگ چیست؟

یک مبدل رنگ مقادیر رنگ را بین فرمت های مختلف مورد استفاده در طراحی وب، طراحی گرافیکی و تولید چاپ ترجمه می کند. سه فرمت رایج رنگ وب عبارتند از: HEX (به عنوان مثال #3498db)، RGB (به عنوان مثال rgb(52، 152، 219)) و HSL (به عنوان مثال hsl (204، 70٪، 53%). هر کدام یک رنگ را نشان می‌دهند، اما با نماد متفاوتی که ابزارها، زبان‌ها و گردش‌های کاری متفاوت ترجیح می‌دهند.

توسعه‌دهندگان وب برای کوتاه‌نویسی HTML/CSS به HEX تغییر می‌کنند، زمانی که نیاز به اعمال کدورت با rgba() دارند از RGB استفاده می‌کنند، و زمانی که می‌خواهند روشنایی یا اشباع را به صورت برنامه‌نویسی تنظیم کنند، به HSL می‌رسند. طراحان گرافیکی که یک کد هگز را از Figma یا Photoshop کپی می کنند ممکن است برای یک پلتفرم خاص به آن در RGB نیاز داشته باشند. ابزار ما تمام تبدیل‌ها از جمله پیش‌نمایش رنگی زنده و متغیر CSS مربوطه را فوراً مدیریت می‌کند.

نحوه استفاده از مبدل رنگ

  1. را کلیک کنید انتخابگر رنگ برای انتخاب بصری هر رنگ - همه فیلدها به طور خودکار به روز می شوند.
  2. یا a را تایپ کنید HEX مقدار (به عنوان مثال #ff6600) و روی Convert کلیک کنید.
  3. یا an را تایپ کنید RGB مقدار (به عنوان مثال rgb(255، 102، 0)) و روی Convert کلیک کنید.
  4. یا an را تایپ کنید HSL مقدار (به عنوان مثال hsl (24، 100، 50%)) و روی Convert کلیک کنید.
  5. روی نماد کپی در کنار هر فیلد کلیک کنید تا آن قالب در کلیپ بورد خود کپی شود.

چرا از مبدل رنگ ما استفاده کنیم؟

  • 100% رایگان - تبدیل رنگ های نامحدود بدون هزینه.
  • بدون ثبت نام - دسترسی فوری بدون ایجاد حساب کاربری.
  • مبتنی بر مرورگر - در سمت کلاینت بدون ارسال داده به سرورها اجرا می شود.
  • پیش نمایش زنده - هنگام تایپ یا انتخاب رنگ واقعی را ببینید.
  • خروجی متغیر CSS - یک رشته ویژگی سفارشی CSS آماده برای استفاده ایجاد می کند.

سوالات متداول

HEX (#rrggbb) یک نمایش هگزادسیمال فشرده است که به طور گسترده در CSS و HTML استفاده می شود. RGB (قرمز، سبز، آبی) هر کانال را به صورت یک عدد صحیح 0-255 بیان می‌کند، و به راحتی می‌توان کانال‌ها را به صورت برنامه‌ریزی ترکیب کرد. HSL (رنگ، ​​اشباع، روشنایی) برای انسان بصری ترین است - شما زاویه رنگ (0-360 درجه) و درصد اشباع/روشنایی را تنظیم می کنید تا تغییرات رنگ قابل پیش بینی را بدست آورید.

از توابع rgba() یا hsla() CSS استفاده کنید که یک کانال آلفای چهارم را اضافه می کند (0 = کاملاً شفاف، 1 = کاملاً مات). به عنوان مثال: rgba (52، 152، 219، 0.5) همان آبی با شفافیت 50٪ است. HEX همچنین از علامت گذاری 8 رقمی با آلفا (به عنوان مثال #3498dbcc) در مرورگرهای مدرن پشتیبانی می کند.

زیرا می توانید رنگ را ثابت نگه دارید و فقط سبکی و اشباع را برای ایجاد سایه های هماهنگ تغییر دهید. به عنوان مثال، hsl (210، 70٪، 30٪)، hsl (210، 70٪، 50٪)، و hsl (210، 70٪، 70٪) انواع تیره، متوسط ​​و روشن همان آبی هستند - مناسب برای سیستم های طراحی و متغیرهای CSS.

نه مستقیماً از یک اسکرین شات - اما می توانید از انتخابگر رنگ سیستم عامل خود یا یک افزونه مرورگر برای نمونه برداری از رنگ از هر پیکسل روی صفحه استفاده کنید، سپس کد HEX را در این ابزار قرار دهید تا معادل های RGB و HSL را دریافت کنید.

حقایق سریع

  • ✓ 100٪ رایگان، بدون هزینه پنهان
  • ✓ بدون حساب کاربری یا ورود به سیستم مورد نیاز است
  • ✓ در هر مرورگری کار می کند
  • ✓ داده های شما هرگز دستگاه شما را ترک نمی کند
  • ✓ HEX، RGB، و HSL را با پیش نمایش زنده تبدیل می کند

ابزارهای مرتبط