نحوه استفاده
- یک رنگ تایپ یا جایگذاری کنید؛ برای مثال #1e90ff، rgb(30 144 255) یا oklch(65% 0.18 250). همچنین می‌توانید روی انتخابگر رنگ کلیک کنید.
- نمونه رنگ را بررسی کنید تا مطمئن شوید همان رنگی است که انتظار داشتید.
- قالب موردنیاز خود را از فهرست کپی کنید. مقادیر دارای شفافیت، آلفای خود را حفظ می‌کنند.
نحوه کار
ورودی‌های پذیرفته‌شده: HEX با ۳، ۴، ۶ یا ۸ رقم (رقم چهارم و هشتم آلفا هستند)، rgb() و rgba() با اعداد یا درصد، hsl() و hsla()، hwb()، oklch() و cmyk() با درصد یا اعداد از ۰ تا ۱۰۰. هم نحو کلاسیک با ویرگول و هم نحو مدرن فاصله‌دار با «/ آلفا» کار می‌کند. فام (Hue) واحدهای deg، turn، rad و grad را می‌پذیرد. رنگ‌های نامداری مانند «tomato» خوانده نمی‌شوند؛ به‌جای آن از انتخابگر رنگ یا یک کد استفاده کنید.
همه تبدیل‌ها از طریق sRGB انجام می‌شود. HSL و HWB بازآرایی ساده مقادیر RGB هستند، بنابراین دقیقاً تبدیل می‌شوند. OKLCH یک فضای ادراکی است: گام‌های مساوی در روشنایی آن تقریباً تفاوت یکسانی ایجاد می‌کنند که برای ساخت پالت‌ها مفید است. با ماتریس‌های منتشرشده OKLab محاسبه می‌شود. برخی رنگ‌های OKLCH خارج از محدوده قابل نمایش sRGB هستند؛ ابزار این موضوع را اعلام می‌کند و نزدیک‌ترین رنگ قابل نمایش را نشان می‌دهد.
CMYK با فرمول ساده رایج محاسبه می‌شود (K = 1 − بزرگ‌ترین کانال RGB). خروجی چاپ واقعی به کاغذ، جوهر و پروفایل ICC بستگی دارد؛ بنابراین این اعداد را به‌عنوان نقطه شروع در نظر بگیرید، نه مشخصات چاپ.
نمونه‌ها
از کد HEX برند به CSS
یک راهنمای سبک کد #0b5d1e را می‌دهد. آن را جایگذاری کنید تا برای CSS قدیمی rgb(11, 93, 30)، برای تنظیم دستی روشنایی hsl(133.9, 78.8%, 20.4%) و برای توابع رنگ مدرن CSS یک مقدار oklch() دریافت کنید.
خواندن یک رنگ با شفافیت
rgba(0, 0, 0, 0.5) به #00000080 تبدیل می‌شود. دو رقم آخر HEX (80) آلفا هستند: ۱۲۸ از ۲۵۵، حدود ۵۰٪.
بررسی یک مقدار OKLCH از فایل طراحی
oklch(70% 0.4 150) سبزی بسیار اشباع‌شده است که نمایشگرهای sRGB نمی‌توانند نشان دهند. ابزار آن را علامت می‌زند و نزدیک‌ترین رنگ sRGB را می‌دهد تا بدانید طرح در بیشتر نمایشگرها متفاوت دیده خواهد شد.
پرسش‌های متداول
چرا تبدیل به HSL و برگرداندن آن گاهی HEX را یک واحد تغییر می‌دهد؟
HEX در هر کانال اعداد صحیح از ۰ تا ۲۵۵ ذخیره می‌کند. مقادیر در قالب‌های دیگر برای نمایش گرد می‌شوند (HSL با یک رقم اعشار) و تبدیل دوباره مقدار گردشده می‌تواند یک واحد تفاوت ایجاد کند. اگر به مقدار دقیق اصلی نیاز دارید، HEX را کپی کنید.
آیا مقدار CMYK برای چاپ درست است؟
خیر، به‌تنهایی درست نیست. این ابزار از فرمول ساده و بدون پروفایل رنگی استفاده می‌کند. چاپگرها از پروفایل‌هایی مانند FOGRA یا GRACoL استفاده می‌کنند که عددهای متفاوتی به دست می‌دهند؛ بنابراین از چاپخانه بپرسید یا در برنامه‌ای با مدیریت رنگ تبدیل کنید.
OKLCH چیست و آیا می‌توانم از آن در CSS استفاده کنم؟
OKLCH رنگ را با روشنایی ادراکی، کرُما (میزان رنگی بودن) و فام توصیف می‌کند. نسخه‌های فعلی مرورگرهای اصلی از oklch() در CSS پشتیبانی می‌کنند. اگر از مرورگرهای قدیمی‌تر پشتیبانی می‌کنید، یک رنگ جایگزین HEX یا rgb() نگه دارید.
کد HEX هشت‌رقمی چه معنایی دارد؟
#RRGGBBAA: دو رقم آخر کدری را نشان می‌دهند؛ از 00 (کاملاً شفاف) تا ff (کاملاً مات). شکل چهاررقمی #RGBA با یک رقم برای هر کانال به همین شکل کار می‌کند.
حریم خصوصی
رنگ‌ها در مرورگر شما تبدیل می‌شوند. هیچ‌چیز از آنچه وارد می‌کنید به جایی ارسال یا ذخیره نمی‌شود.