تبدیل رنگ HEX، RGB و HSL
تبدیل دوطرفهی کدهای رنگ میان HEX، RGB و HSL بههمراه پیشنمایش رنگ. مناسب طراحان و برنامهنویسان وب.
RGB
HSL (درجه، ٪، ٪)
HEX: #۰e۹e۸e · RGB: ۱۴, ۱۵۸, ۱۴۲ · HSL: ۱۷۳°, ۸۴%, ۳۴%
فرمتهای رنگ
HEX#0e9e8e
RGBrgb(14, 158, 142)
HSLhsl(173, 84%, 34%)
HSVhsv(173, 91%, 62%)
CMYKcmyk(91%, 0%, 10%, 38%)
نزدیکترین رنگ پایهی CSS: teal (تخمینی، نه دقیق).
پالت هارمونی
مکمل#a00e1f
مشابه#0ea046#0e68a0
سهگانه#8f0ea0#a08f0e
کنتراست WCAG (این رنگ بهعنوان متن)
روی زمینهی سفیدنسبت ۳.۳۳ — متن معمولی AA ✗ · متن بزرگ AA ✓
روی زمینهی مشکینسبت ۶.۳۰ — متن معمولی AA ✓ · متن بزرگ AA ✓
تبدیل رنگ HEX، RGB و HSL
سه سیستم رایج نمایش رنگ در وب عبارتاند از HEX (مثل #0e9e8e)، RGB (مقدار قرمز، سبز و آبی از ۰ تا ۲۵۵) و HSL (تهرنگ، اشباع و روشنایی). این ابزار هر سه را دوطرفه به یکدیگر تبدیل میکند؛ هر مقداری را که تغییر دهید، بقیه و پیشنمایش رنگ بهروز میشوند.
کاربردهای رایج
- یافتن معادل RGB یک کد HEX برای استفاده در CSS یا طراحی.
- تنظیم روشنایی و اشباع رنگ با HSL.
- هماهنگکردن رنگهای برند در پروژههای مختلف.
ابزارهای مرتبط
برای محاسبهی نسبت ابعاد تصویر، از محاسبه نسبت تصویر استفاده کنید.
سؤالات متداول
کد HEX را با یا بدون # وارد کنم؟
هر دو حالت پذیرفته میشود و فرمت سهرقمی (مثل #abc) هم پشتیبانی میشود.
ابزارهای مرتبط
شمارش فنی کاراکتر و بایتمحاسبه زمان دانلودتبدیل Unix Timestampکدگذاری و رمزگشایی Base64محاسبه نسبت تصویر (Aspect Ratio)تبدیل پهنای باند و سرعت اینترنتکدگذاری و رمزگشایی URLتولید هش (MD5 و SHA)تولید QR Codeتولید رمز عبور قویتولید UUIDمحاسبه زیرشبکه IPساخت لینک UTMفرمت و اعتبارسنجی JSONرمزگشایی JWTتفسیر عبارت Cron