یابندهٔ نام رنگ از روی هگز

این ابزار چه کاری انجام می‌دهد

یک کد هگز را جای‌گذاری کنید یا یک rgb() مقدار آن را وارد کنید، یا فقط یک رنگ را انتخاب کنید؛ این ابزار نزدیک‌ترین تطبیق را از میان مجموعهٔ استاندارد نام‌های رنگ CSS/X11 به شما می‌گوید — همان 141 نامی که مرورگرها، ابزارهای طراحی و خود CSS می‌شناسند (مثل cornflowerblue, tomato، یا rebeccapurple). این ابزار برعکس این حالت هم کار می‌کند: نام یک رنگ را وارد کنید تا مقدارهای هگز، RGB و HSL آن را دریافت کنید. برای تطبیق، به‌جای فاصلهٔ سادهٔ RGB از فرمول فاصلهٔ ادراکی «redmean» استفاده می‌شود؛ بنابراین نامی که انتخاب می‌کند معمولاً از دید چشم انسان واقعاً مشابه‌تر است، نه فقط از نظر عددی.

مناسب چه کسانی است

طراحان و توسعه‌دهندگانی که برای رنگ انتخاب‌شده از یک تصویر یا ابزار طراحی، به نامی قابل‌فهم نیاز دارند؛ افرادی که با CSS کار می‌کنند و می‌خواهند بدانند آیا کد هگز مورد استفاده‌شان از قبل یک کلیدواژهٔ به‌یادماندنی دارد؛ یا کسانی که می‌خواهند رنگی را برای هم‌تیمی خود با کلمات توصیف کنند.

نحوه استفاده

• یک کد هگز وارد کنید (مثلاً #ff7f50) یا یک rgb(255, 127, 80) مقدار را در فیلد رنگ وارد کنید یا از نمونه‌رنگ انتخابگر رنگ استفاده کنید.
• نزدیک‌ترین رنگ نام‌گذاری‌شده، مقدارهای هگز/RGB/HSL آن و میزان واقعی نزدیکی این تطبیق را ببینید.
• شش رنگ نام‌گذاری‌شدهٔ نزدیک‌تر را در پایین ببینید و برای رفتن به هرکدام، روی نمونه‌رنگ آن کلیک کنید.
• یا برعکس عمل کنید: نام یک رنگ را در «جست‌وجو بر اساس نام» (با پیشنهادهای خودکار) وارد کنید تا مقدارهای دقیق آن را ببینید.
• برای کپی‌کردن هر مقدار در کلیپ‌بورد، روی نشان مقدار آن کلیک کنید.

کاربردهای واقعی

نام‌گذاری رنگی که از یک اسکرین‌شات یا عکس انتخاب کرده‌اید، هنگام نوشتن گزارش خطا یا یادداشت طراحی. بررسی اینکه آیا مقدار هگزی که می‌خواهید در CSS به‌صورت ثابت وارد کنید، از قبل یک کلیدواژهٔ استاندارد دارد که بتوانید به‌جای آن استفاده کنید. بررسی گزینه‌های رنگی نزدیک، زمانی که یک سایه تقریباً همان چیزی است که می‌خواهید، اما کاملاً مطابق نیست.

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

نام رنگ‌ها از کجا می‌آیند؟

از کلیدواژه‌های رنگ توسعه‌یافتهٔ رسمی CSS Color Module / X11 — همان 141 نامی که همهٔ مرورگرها به‌صورت بومی می‌شناسند (بنابراین background: tomato; بدون نیاز به کد هگز در CSS کار می‌کند).

چرا برای بیشتر رنگ‌ها تطابق دقیق نیست؟

میلیون‌ها رنگ هگزادسیمال ممکن وجود دارد، اما فقط چند صد نام استاندارد برای رنگ‌ها تعریف شده است؛ بنابراین بیشتر ورودی‌ها دقیقاً با یک نام مطابقت ندارند — این ابزار نزدیک‌ترین نام را به‌همراه پنج گزینهٔ بعدی نشان می‌دهد تا ببینید تطبیق واقعاً چقدر نزدیک یا دور است.

فاصلهٔ «redmean» چیست و چرا اعداد RGB را مستقیماً با هم مقایسه نکنیم؟

فاصلهٔ سادهٔ RGB، کانال‌های قرمز، سبز و آبی را به یک اندازه مهم در نظر می‌گیرد؛ اما چشم انسان، بسته به بازهٔ رنگ، به برخی کانال‌ها حساس‌تر از بقیه است. فرمول redmean وزن کانال‌ها را بر اساس روشنایی کلی تنظیم می‌کند و معمولاً با میزان نزدیکی‌ای که دو رنگ از نظر انسان دارند، تطابق بیشتری نشان می‌دهد.

آیا می‌توانم با بخشی از نام رنگ جست‌وجو کنم؟

بله، فیلد «جست‌وجو بر اساس نام» هنگام تایپ، پیشنهادهای خودکار نشان می‌دهد؛ بنابراین با وارد کردن «blue»، همهٔ رنگ‌های نام‌گذاری‌شده‌ای را که این عبارت را در خود دارند پیشنهاد می‌کند.

آیا این ابزار رنگ‌های Pantone یا رنگ‌های برندها را هم شامل می‌شود؟

خیر، این ابزار فقط مجموعهٔ استاندارد نام‌های رنگ CSS/X11 را پوشش می‌دهد، نه سیستم‌های اختصاصی مانند Pantone که به داده‌های دارای مجوز برای تطبیق رنگ نیاز دارند.