تبدیل رنگ‌ها بین قالب‌های مختلف
یک رنگ را در هر قالب CSS وارد کنید — کد HEX مانند #3B82F6 یا #38F، rgb() یا rgba()، hsl() یا نامی مانند tomato — یا آن را با انتخابگر رنگ برگزینید. این ابزار همان رنگ را به‌صورت HEX، RGB، HSL، HSV و CMYK نشان می‌دهد، آماده برای کپی در CSS، ابزار طراحی یا تنظیمات چاپ.
همچنین نشان می‌دهد متن سفید یا سیاه روی آن رنگ چقدر خوانا است، به‌صورت نسبت کنتراست WCAG: نسبت 4.5:1 یا بیشتر سطح AA را برای متن معمولی برآورده می‌کند. رنگ دقیقاً همان‌طور که CSS آن را می‌خواند، توسط مرورگر شما خوانده می‌شود.
چرا از این مبدل رنگ استفاده کنیم؟
- HEX، RGB، HSL، HSV و CMYK در یک جا
- پذیرش همه قالب‌های رنگ CSS و نام‌های رنگ
- پشتیبانی از شفافیت (alpha)
- کنتراست WCAG با متن سفید و سیاه
نحوه تبدیل یک رنگ
- یک رنگ را تایپ یا جای‌گذاری کنید، یا با انتخابگر رنگ یکی را برگزینید
- رنگ را در همه قالب‌ها در کنار پیش‌نمایش آن ببینید
- روی دکمه کپی کنار قالب مورد نیازتان کلیک کنید
سؤالات متداول
آیا این مبدل رنگ رایگان است؟
بله، کاملاً رایگان است و در مرورگر شما کار می‌کند.
تفاوت RGB، HSL و HSV چیست؟
RGB نور قرمز، سبز و آبی را ترکیب می‌کند (هر کدام 0 تا 255). HSL و HSV همان رنگ را با فام (0 تا 360 درجه)، اشباع و روشنایی یا مقدار توصیف می‌کنند که ساختن نسخه‌های روشن‌تر، تیره‌تر یا ملایم‌تر را آسان‌تر می‌کند.
نسبت کنتراست به چه معناست؟
این نسبت، روشنایی رنگ متن و رنگ پس‌زمینه را مقایسه می‌کند (WCAG 2). برای متن معمولی در سطح AA دست‌کم نسبت 4.5:1 و برای متن بزرگ 3:1 لازم است؛ هرچه بالاتر باشد، خواندن آسان‌تر است.
آیا چیزی به سرور ارسال می‌شود؟
خیر. همه‌چیز در مرورگر شما محاسبه می‌شود.