یابنده نام رنگ: تبدیل کد HEX به نام رنگ – رایگان
رایگان، بدون ثبت‌نام، در مرورگرتان کار می‌کند. کد HEX، RGB یا HSL را بچسبانید یا رنگی انتخاب کنید و نزدیک‌ترین نام‌های رنگ CSS را ببینید. همه 148 نام رنگ را مرور و فیلتر کنید.
نزدیک‌ترین رنگ‌های نام‌دار
- royalblue#4169E1 · نزدیک
- slateblue#6A5ACD · تطابق تقریبی
- mediumslateblue#7B68EE · تطابق تقریبی
- blue#0000FF · تطابق تقریبی
- dodgerblue#1E90FF · تطابق تقریبی
- blueviolet#8A2BE2 · تطابق تقریبی
- HEX
- #2F5BFF
- RGB
- rgb(47, 91, 255)
- HSL
- hsl(227, 100%, 59%)
همه 148 نام رنگ CSS
این‌ها نام‌های استاندارد رنگ CSS هستند، پس در هر برگه‌سبکی کار می‌کنند. تطبیق روی دستگاه شما انجام می‌شود.
چرا از یابنده نام رنگ استفاده کنیم
- 100% رایگان
- هر چند وقت که بخواهید از آن استفاده کنید. بدون ثبت‌نام، بدون واترمارک و بدون نیاز به نصب.
- حریم خصوصی از ابتدا
- آنچه تایپ می‌کنید در مرورگر شما می‌ماند و هرگز برای ما ارسال نمی‌شود.
- روی هر دستگاهی کار می‌کند
- در مرورگر روی Windows، Mac، Linux، Android و iPhone اجرا می‌شود. نیازی به برنامه نیست.
طرز استفاده از یابنده نام رنگ
- رنگ را در کادر رنگ تایپ یا جای‌گذاری کنید (#2F5BFF، rgb(47, 91, 255)، hsl(227, 100%, 59%) یا نامی مانند teal)، یا از انتخاب‌گر رنگ استفاده کنید.
- نمایشگر بزرگ رنگ را بخوانید: توصیف ساده و نزدیک‌ترین نام را نشان می‌دهد و اگر دقیقاً مطابق نباشد، با ≈ مشخص می‌شود.
- فهرست نزدیک‌ترین نام‌های رنگ را بررسی کنید. هر نام نشان می‌دهد که چقدر نزدیک است (دقیق، بسیار نزدیک، نزدیک یا تقریبی) و دکمه کپی دارد.
- به «همه 148 نام رنگ CSS» بروید، با یک واژه یا بخشی از کد HEX فیلتر کنید و روی هر نمونه کلیک کنید تا در کادر رنگ قرار گیرد.
پرسش‌های متداول
این کد HEX چه رنگی است؟
کد را در کادر رنگ بچسبانید. توصیفی با کلمات، مانند «سبز روشن و ملایم»، نزدیک‌ترین نام رنگ CSS و پنج نام نزدیک دیگر، همراه با مقادیر HEX، RGB و HSL دریافت می‌کنید.
نزدیک‌ترین نام‌ها چگونه پیدا می‌شوند؟
رنگ‌ها در فضای رنگی OKLab مقایسه می‌شوند که برای نزدیک بودن به دید انسان ساخته شده است، نه فقط بر اساس عددهای RGB. به این ترتیب نزدیک‌ترین نام از نظر چشم هم نزدیک به نظر می‌رسد.
اگر رنگ من نام دقیق نداشته باشد چه؟
بیشتر رنگ‌ها نام دقیق ندارند، زیرا میلیون‌ها کد HEX وجود دارد و 148 نام CSS. ابزار نزدیک‌ترین نام‌ها را نشان می‌دهد و هر کدام را دقیق، بسیار نزدیک، نزدیک یا تقریبی برچسب می‌زند تا بدانید چقدر فاصله دارد.
آیا می‌توانم این نام‌ها را در CSS استفاده کنم؟
بله. هر نام فهرست، مانند tomato، slategray یا rebeccapurple، یک نام استاندارد رنگ CSS است و در هر مرورگر امروزی کار می‌کند.
چه فرمت‌های رنگی را می‌توانم بچسبانم؟
HEX (با #RGB، #RRGGBB و شفافیت)، rgb()، hsl()، hsv() و cmyk() یا نام رنگ CSS. شفافیت در تطبیق نادیده گرفته می‌شود، چون نام‌ها رنگ‌های توپر هستند.
چرا gray و grey هر دو در فهرست هستند؟
CSS هر دو املا را برای هر خاکستری می‌پذیرد و aqua و cyan هم یک رنگ‌اند. آن‌ها کد HEX یکسانی دارند، بنابراین فهرست نزدیک‌ترین نام‌ها فقط یکی از هر کدام را نشان می‌دهد.
چطور رنگی را با نامش پیدا کنم؟
نام را در کادر رنگ تایپ کنید، یا از فیلتر بالای فهرست کامل استفاده کنید (برای نمونه blue یا ff) و روی یک نمونه کلیک کنید. مقادیر HEX، RGB و HSL آن را یک‌جا می‌گیرید.
آیا چیزی بارگذاری می‌شود؟
خیر. تطبیق رنگ‌ها روی دستگاه شما انجام می‌شود.
آیا یابنده نام رنگ رایگان است؟
بله. استفاده از آن رایگان است، بدون ثبت‌نام و بدون نیاز به نصب.
راهنما و آموزش‌ها (به انگلیسی)
- Color Theory Basics: The Wheel and Color Schemes (Free)The colour wheel, hue, saturation and lightness, and complementary, analogous, triadic and monochromatic schemes, with HEX examples from a free tool.
- Color Picker From Image: Get the HEX Code FreeClick any spot in a photo, logo or screenshot to get its HEX and RGB code, free in your browser. Plus how to match a brand colour from a logo accurately.
- RGB vs CMYK: Screen vs Print Colors Explained (Free)RGB mixes light for screens; CMYK mixes ink for print. Why prints look duller than screens, how to convert colours, and a free HEX to RGB and CMYK converter.
ابزارهای مرتبط
- مبدل رنگ HEX به RGBHEX را به RGB یا برعکس تبدیل کنید، با HEX، RGB، HSL، HSV و CMYK که با هم نشان داده می‌شوند و هر کدام دکمه کپی دارد.
- پالت رنگ از تصویررنگهای اصلی یک عکس، لوگو یا اسکرینشات را با کد HEX و درصد سطحی که هر رنگ میپوشاند ببینید. بین 2 تا 12 رنگ انتخاب کنید و پالت را کپی یا دانلود کنید.
- تولیدکننده پالت رنگپالت پنجرنگی بسازید، رنگ‌ها را قفل کنید یا از رنگ خودتان طرح بسازید. 11 سایه هر رنگ را ببینید و خروجی CSS، Tailwind، JSON یا HEX بگیرید.