وارد حساب کاربری خود شوید

خوش برگشتی

انتخاب کنید چه نوع کالایی را به این مجموعه اضافه کنید

مجموعه شما با موفقیت ایجاد شد

این مجموعه شامل چه چیزهایی خواهد بود؟

برای سازماندهی موارد خود، یک مجموعه اضافه کنید

مورد با موفقیت به مجموعه اضافه شد

اولین مجموعه خود را برای سازماندهی رنگ‌هایتان ایجاد کنید

رنگ‌ها، پالت‌ها یا گرادیان‌ها را به این مجموعه اضافه کنید

مشاهده و مدیریت اقلام مجموعه

سه رنگ با درخشندگی و اشباع یکسان با ته رنگ‌هایی که در چرخه رنگ مجاور هم هستند و 30 درجه از هم فاصله دارند. انتقال ملایم.

Color blindness affects approximately 1 in 12 men and 1 in 200 women worldwide. This simulator helps designers, developers, and content creators understand how their color choices appear to people with various forms of color vision deficiency.

By testing your colors through different color blindness simulations, you can ensure your designs are accessible and effective for all users. This tool simulates the most common types of color vision deficiency including Protanopia, Deuteranopia, Tritanopia, and complete color blindness.

Understanding Color Blindness

از تضاد و الگوها در کنار رنگ برای انتقال اطلاعات استفاده کنید.

طراحی بهتر

کوری آبی-زرد (تریتانوپیا)

کد رنگ

بررسی کننده کنتراست

بررسی کنید که افراد با انواع مختلف کوررنگی چگونه یک رنگ را درک می‌کنند تا طرح‌های قابل فهم‌تری ایجاد کنید. درک ادراک رنگ به شما کمک می‌کند تا محتوای شما برای همه قابل فهم باشد.

گرادیان ساز

Color alone should never be the only way to convey information. Testing with this simulator helps identify potential issues.

Why It Matters

یک حساب کاربری رایگان ایجاد کنید تا نحوه نمایش رنگ‌ها برای افراد مبتلا به انواع مختلف کوررنگی را شبیه‌سازی کنید.

برای دسترسی به شبیه‌ساز نابینایی ثبت نام کنید

اینگونه است که رنگ با دید رنگی طبیعی ظاهر می‌شود.

کوری قرمز-سبز (پروتانوپیا)

ابزارهای دسترسی مرتبط

۸٪ از مردان و ۰.۵٪ از زنان به نوعی نقص بینایی رنگ مبتلا هستند.

تأثیر

شبیه‌ساز نابینایی

کوررنگی کامل

آکروماتوما

آکروماتوپسی

دوترانومالیا

دوترانوپیا

پروتانومالی

پروتانوپیا

تریتانومالی

تریتانوپیا

کوری قرمز-سبز شایع‌ترین نوع است و بر نحوه درک رنگ‌های قرمز و سبز تأثیر می‌گذارد.

انواع

Perfect for UI design, data visualization, branding, and any visual content that relies on color differentiation.

Use Cases

ابزار پیشرفته تحلیل رنگ ما، بینش جامعی در مورد خواص رنگ، هارمونی‌ها و اثرات روانشناختی آن ارائه می‌دهد. این ابزار برای طراحان، توسعه‌دهندگان و هنرمندانی که به دنبال درک جنبه‌های فنی و احساسی رنگ هستند، ایده‌آل است.

هارمونی‌های رنگ، تأثیر روانشناختی، مشخصات فنی و معیارهای دسترسی را تجزیه و تحلیل کنید. با بینش‌های مبتنی بر داده و کاربردهای حرفه‌ای نظریه رنگ، تصمیمات آگاهانه‌ای در مورد استفاده از رنگ در پروژه‌های خود بگیرید.

درک تجزیه و تحلیل رنگ

بینش و هارمونی رنگ حرفه‌ای

آنالیز کامل رنگ

رنگ سرد - آرام و حرفه‌ای

ویژگی‌های رنگ را با معیارهای پیشرفته از جمله ترکیب طیفی، خلوص رنگ، اثرات متامریسم و ویژگی‌های ادراکی تجزیه و تحلیل کنید. این ابزارها بینش عمیقی از رفتار و ظاهر رنگ در شرایط مختلف مشاهده ارائه می‌دهند.

ضروری برای ایجاد هویت‌های منسجم برند، تضمین هماهنگی رنگ در طرح‌ها و حفظ ثبات در رسانه‌های دیجیتال و چاپی. ابزار تجزیه و تحلیل رنگ ما بینش‌های جامعی را برای طراحان حرفه‌ای فراهم می‌کند.

طراحی و برندسازی

ایجاد طرح‌های رنگی مکمل، سه‌گانه و مشابه بر اساس روابط چرخه رنگ

هارمونی‌های رنگی

برای مشاهده تحلیل جامع رنگ و معیارها، یک حساب کاربری رایگان ایجاد کنید.

برای دسترسی به آنالیز رنگ ثبت نام کنید

روانشناسی رنگ و تأثیر عاطفی آن را برای کمپین‌های بازاریابی درک کنید. چگونگی تأثیر رنگ‌ها بر رفتار کاربر و نرخ تبدیل در استراتژی‌های بازاریابی دیجیتال را تجزیه و تحلیل کنید.

بازاریابی و روانشناسی

به مشخصات دقیق رنگ شامل مقادیر RGB، HSL، LAB و محاسبات روشنایی دسترسی پیدا کنید

معیارهای فنی

ژنراتور پالت

درک کنید که رنگ‌ها در شرایط نوری مختلف و برای مخاطبان مختلف چگونه به نظر می‌رسند

ادراک بصری

چگونگی دیده شدن رنگ‌ها در دید انسان، از جمله خلوص، تسلط و روشنایی درک شده.

ویژگی‌های ادراکی

کاربردهای حرفه‌ای آنالیز رنگ

بررسی ارتباطات عاطفی و روانی که بر رفتار و ادراک کاربر تأثیر می‌گذارند

روانشناسی رنگ

ابزارهای رنگی مرتبط

اندازه‌گیری‌های دقیق رنگ بر اساس رنگ‌سنجی و آنالیز طیفی برای کاربردهای فنی.

تحلیل علمی

تجزیه و تحلیل رنگ

رنگ گرم - پرانرژی و جذاب

رنگ‌ها را برای انطباق با دسترسی‌پذیری وب تجزیه و تحلیل کنید، کدهای رنگی CSS تولید کنید و خوانایی بهینه را تضمین کنید. ایده‌آل برای توسعه‌دهندگان فرانت‌اند که بر تجربه کاربری و دستورالعمل‌های WCAG تمرکز دارند.

توسعه وب

هر هارمونی حال و هوای خاص خود را دارد. از هارمونی‌ها برای ایده گرفتن در مورد ترکیب‌های رنگی که به خوبی با هم هماهنگ می‌شوند، استفاده کنید.

از یک رنگ غالب استفاده کنید، با رنگ ثانویه آن را پشتیبانی کنید و به ندرت از رنگ‌های تأکیدی استفاده کنید.

برای خوانایی و دسترسی‌پذیری، از کنتراست کافی اطمینان حاصل کنید.

رنگ‌ها باید با هم هماهنگ باشند تا یک تجربه بصری یکپارچه ایجاد کنند.

اصول نظریه رنگ

یک رنگ و متضاد آن در چرخه رنگ، +۱۸۰ درجه فام. کنتراست بالا.

معانی رنگ در فرهنگ‌های مختلف متفاوت است و اهمیت نمادین متفاوتی را در سراسر جهان به همراه دارد.

فرهنگ

ابعاد هنری و روانشناختی رنگ‌ها، از جمله تداعی‌های فصلی، تأثیر عاطفی، رخدادهای طبیعی، رنگدانه‌های تاریخی و دستور العمل‌های ترکیب رنگ برای کاربردهای خلاقانه را بررسی کنید.

برای کشف ابعاد خلاقانه و هنری رنگ‌ها، یک حساب کاربری رایگان ایجاد کنید.

برای دسترسی به جنبه‌های خلاقانه ثبت نام کنید

رخدادهای طبیعی رنگ‌ها الهام‌بخش طراحی هستند و ما را به محیط زیست متصل می‌کنند.

طبیعت

رنگ‌ها از طریق ارتباطات روانشناختی که در طول زمان ایجاد می‌شوند، بر احساسات و رفتار تأثیر می‌گذارند.

روانشناسی

جنبه‌های خلاقانه

برای کپی کردن مقدار هگز هر رنگ، روی آن کلیک کنید. از نظر ریاضی ثابت شده است که این ترکیب‌ها هماهنگی بصری ایجاد می‌کنند.

هارمونی‌های رنگی باعث ایجاد تعادل و برانگیختن احساسات خاص در طرح‌های شما می‌شوند.

اطلاعات رنگی مفیدی در مورد رنگ ۱۲۳۴۵۶ مانند تبدیل، ترکیب‌ها، شبیه‌سازی کوری و موارد دیگر دریافت کنید.

انتخابگر رنگ HTML: 123456

سه رنگ از یک رنگمایه با مقادیر روشنایی +/-50%. ظریف و پالایش‌شده.

رنگ‌های ترمینال، کدگذاری بایت و قالب‌های داده برای استفاده در برنامه‌نویسی.

توسعه

رنگ‌ها را به فرمت‌های کاربردی برای کاربردهای دنیای واقعی از جمله شبیه‌سازی چاپ، نمایشگرهای LED، خروجی ترمینال و رمزگذاری داده‌ها تبدیل کنید. این فرمت‌ها به شما کمک می‌کنند تا رنگ‌ها را در رسانه‌ها، پلتفرم‌ها و دستگاه‌های فیزیکی مختلف پیاده‌سازی کنید.

نوارهای LED، نورپردازی RGB و سخت‌افزار نمایشگر را با مقادیر دقیق کنترل کنید.

نمایشگرهای دیجیتال

برای مشاهده و کپی کردن تمام مقادیر فرمت رنگ کاربردی، یک حساب کاربری رایگان ایجاد کنید.

برای دسترسی به قالب‌های کاربردی ثبت نام کنید

نحوه نمایش رنگ‌ها هنگام چاپ با جوهرهای CMYK روی رسانه‌های فیزیکی را شبیه‌سازی کنید.

چاپ و تولید

قالب‌های کاربردی

دسترسی فوری به تمام تبدیل‌های فرمت رنگ برای پروژه‌هایتان داشته باشید.

دسترسی به تمام فرمت‌های کاربردی

با اضافه کردن رنگ مشکی به رنگ پایه، رنگ‌های تیره‌تری ایجاد می‌شود.

یک رنگ و دو رنگ مجاور مکمل آن، +/-30 درجه اختلاف رنگ از مقدار مقابل رنگ اصلی. پررنگ مانند یک مکمل مستقیم، اما تطبیق‌پذیرتر.

نمایش‌های پیشرفته فضای رنگ و مدل‌های رنگی حرفه‌ای مورد استفاده در تولید ویدیو، عکاسی، کاربردهای علمی و سیستم‌های مدیریت رنگ را بررسی کنید. این قالب‌های فنی، مشخصات رنگ دقیقی را برای صنایع و کاربردهای تخصصی ارائه می‌دهند.

گردش‌های کاری حرفه‌ای برای ایجاد هماهنگی در دستگاه‌ها و رسانه‌ها به قالب‌های رنگی خاصی نیاز دارند.

استانداردهای صنعت

برای مشاهده و کپی کردن تمام مقادیر فنی قالب رنگ، یک حساب کاربری رایگان ایجاد کنید.

برای دسترسی به قالب‌های فنی ثبت نام کنید

تلویزیون‌های اولترا اچ‌دی/4K/8K

قالب‌های فنی

به بیش از ۱۰ فرمت رنگی حرفه‌ای با تبدیل‌های دقیق و توضیحات مفصل، دسترسی فوری داشته باشید.

باز کردن قفل تمام فرمت‌های فنی

فضاهای رنگی مختلف برای اهداف خاص بهینه شده‌اند - از بازتولید دقیق رنگ گرفته تا فشرده‌سازی کارآمد داده‌ها.

چرا از قالب‌های فنی استفاده کنیم؟

دو مجموعه از رنگ‌های مکمل، که با ۶۰ درجه رنگ از هم جدا شده‌اند.

با اضافه کردن رنگ سفید به رنگ پایه، رنگ‌های روشن‌تری ایجاد می‌شود.

سه رنگ که به طور مساوی در امتداد چرخه رنگ قرار گرفته‌اند، هر کدام ۱۲۰ درجه از هم فاصله دارند. بهتر است اجازه دهید یک رنگ غالب باشد و از بقیه به عنوان رنگ‌های مکمل استفاده شود.

هدف این بخش، تولید دقیق ته رنگ‌ها (با اضافه کردن سفید خالص) و سایه‌ها (با اضافه کردن سیاه خالص) از رنگ انتخابی شما با افزایش‌های ۱۰ درصدی است.

این تنوع‌ها پایه و اساس یک پالت رنگ منسجم را تشکیل می‌دهند. برای حفظ ثبات در کل پروژه، آن‌ها را خروجی بگیرید.

از سایه‌ها برای حالت‌های شناور و سایه‌ها، و از ته رنگ‌ها برای هایلایت‌ها و پس‌زمینه‌ها استفاده کنید.

نام

تماس با ما

تنظیم اسلایدرها برای بهبود کنتراست متن و خوانایی بهتر

این یک متن بدنه معمولی است. روباه قهوه‌ای چابک از روی سگ تنبل می‌پرد.

رنگی را با استفاده از انتخابگر رنگ برای متن و رنگ پس‌زمینه انتخاب کنید یا رنگی را در قالب هگزادسیمال RGB وارد کنید (به عنوان مثال، #259 یا #2596BE). می توانید نوار لغزنده را برای انتخاب رنگ تنظیم کنید. دستورالعمل‌های دسترسی به محتوای وب (WCAG) یک دستورالعمل خاص دارد که به شما کمک می‌کند بفهمید آیا متن برای کاربران بینا قابل خواندن است یا خیر. این معیار از یک الگوریتم خاص برای ترسیم ترکیب رنگ ها به نسبت های قابل مقایسه استفاده می کند. با استفاده از این فرمول، WCAG بیان می‌کند که نسبت کنتراست رنگ 4.5:1 با متن و پس‌زمینه آن برای متن معمولی (بدنه) کافی است، و متن بزرگ (18+ نقطه معمولی یا 14+ نقطه پررنگ) باید حداقل 3 داشته باشد: نسبت کنتراست 1 رنگ

ترکیب رنگ‌ها را آزمایش کنید تا مطمئن شوید که با استانداردهای دسترسی WCAG برای خوانایی متن مطابقت دارند.

بررسی کنتراست رنگ: با این ابزار آنلاین می توانید جزئیاتی در مورد نسبت کنتراست متن و رنگ های پس زمینه 123456 دریافت کنید.

 بررسی کنتراست رنگ: 123456

این نشان می‌دهد که رنگ‌ها هنگام معکوس شدن چگونه به نظر می‌رسند، که برای حالت تاریک/روشن مفید است.

(اندازه فونت ≥ ۱۸pt یا ≥ ۱۴pt پررنگ)

مثال متن کوچک (۱۲ پیکسل)

روباه قهوه‌ای چابک از روی سگ تنبل می‌پرد

عنوان پیش‌نمایش

تنظیمات متن را دوباره تنظیم کنید

این متن کوچک برای آزمایش خوانایی است.

این متن کوچکی است که هنوز هم باید قابل خواندن باشد.

برای دسترسی به ۵ پیشنهاد رنگ هوشمند که ضمن رعایت استانداردهای دسترسی WCAG، شادابی را حفظ می‌کنند، به صورت رایگان ثبت نام کنید.

پیشنهادهای هوشمند رنگ را باز کنید

نسبت کنتراست بهبود یافته ۷:۱ برای متن معمولی و ۴.۵:۱ برای متن بزرگ. برای دسترسی بهینه توصیه می‌شود.

حداقل نسبت کنتراست ۴.۵:۱ برای متن معمولی و ۳:۱ برای متن بزرگ. برای اکثر وب‌سایت‌ها الزامی است.

سطوح انطباق با WCAG

دستورالعمل‌های WCAG تضمین می‌کنند که محتوای شما برای کاربران دارای اختلالات بینایی نیز قابل دسترسی باشد.

استانداردهای WCAG

به حداکثر تعداد 10 رنگ رسیده است

به حداقل تعداد 4 رنگ رسیده است

توجه لازم است

برای استفاده از این ویژگی باید یک حساب کاربری imagecolorpicker رایگان ایجاد کنید. پس از آن به توابع بیشتری دسترسی خواهید داشت.

یک پالت جدید ایجاد کنید

پالت‌ها و گرادیان‌های ذخیره شده خود را مدیریت کنید

گرادیان‌های ذخیره شده خود را مشاهده و مدیریت کنید

گرادیان‌های شما

پالت‌های رنگی ذخیره شده خود را مشاهده و مدیریت کنید

پالت‌های شما

داشبورد

پالت خود را ویرایش کنید

با Gradient Maker از imagecolorpicker.com، گرادیان های خیره کننده ایجاد کنید. از شیب های خطی و شعاعی انتخاب کنید، چندین رنگ اضافه کنید، گرادیان را بچرخانید، ساخته های خود را ذخیره و به اشتراک بگذارید. کد CSS را مستقیما دانلود کنید و گرادیان های خود را به طور یکپارچه در پروژه های خود ادغام کنید.

با Gradient Maker از imagecolorpicker.com گرادینت‌های خیره‌کننده‌ای ایجاد کنید. از بین گرادینت‌های خطی و شعاعی انتخاب کنید، چندین رنگ اضافه کنید، گرادینت را بچرخانید، آثار خود را ذخیره و به اشتراک بگذارید. کد CSS را مستقیماً دانلود کنید و گرادینت‌های خود را به طور یکپارچه در پروژه‌های خود ادغام کنید.

گرادیان خود را ویرایش کنید

عنوان گرادیان الزامی است

Gradient Maker - ایجاد گرادیان های خطی و شعاعی خیره کننده | imagecolorpicker.com

گرادیان

کدهای رنگی، تنوع‌ها، هارمونی‌ها را ایجاد کنید و نسبت‌های کنتراست را بررسی کنید.

تولیدکننده و انتخابگر کد رنگ

به راحتی گرادیان‌های زیبا ایجاد کنید - رنگ‌ها و جهت‌ها را سفارشی کنید و آثار خود را صادر کنید.

پالت‌های رنگی مورد علاقه‌تان را مدیریت و سازماندهی کنید.

پالت‌های ذخیره شده شما

این گرادیان مشترک را مشاهده و بررسی کنید.

گرادیان مشترک

این پالت رنگی مشترک را مشاهده و بررسی کنید.

پالت مشترک

متوجه شدیم که شما از مسدودکننده تبلیغات استفاده می‌کنید. اشکالی ندارد! می‌توانید با کمک مالی کوچکی از ما حمایت کنید تا این ابزار برای میلیون‌ها کاربر رایگان بماند. هر قهوه به ما در حفظ و بهبود خدمات کمک می‌کند.

مسدودکننده تبلیغات شناسایی شد - به جای آن با یک قهوه از ما حمایت کنید!

از ابزار انتخاب رنگ تصویر آنلاین بالا برای انتخاب رنگ و دریافت کد رنگ HTML این پیکسل استفاده کنید. همچنین می‌توانید مقدار کد رنگ HEX، مقدار RGB و مقدار HSV را دریافت کنید. در قسمت «استفاده از تصویر» می‌توانید تصویر خود را آپلود کنید (مثلاً یک اسکرین‌شات از دسکتاپ خود)، تصویری را از کلیپ‌بورد پیست کنید، آدرس اینترنتی تصویر را در کادر متن زیر قرار دهید. یا از آدرس اینترنتی یک وب‌سایت استفاده کنید، یک تصویر کوچک در سمت چپ مشاهده خواهید کرد.

یک فایل تصویری را برای آپلود رها کنید. فرمت‌های پشتیبانی شده: PNG، JPG، JPEG.

آپلود تصویر

Color Picker: با این ابزار آنلاین می توانید یک تصویر آپلود کنید یا یک URL وب سایت ارائه دهید و کد رنگ RGB، HEX Color و HSL Color را دریافت کنید. 👍

👍 انتخاب رنگ آنلاین | انتخابگر رنگ HEX | انتخابگر رنگ HTML

اگر از مک یا رایانه با سیستم عامل فعلی و مرورگر فعلی استفاده می کنید، می توانید از این ویژگی استفاده کنید. Safari، Edge، Firefox و Chrome توسط ما تست شده است. ظاهر ممکن است کمی متفاوت باشد.

شما می‌توانید ۳ بار رایگان از این ویژگی استفاده کنید، سپس برای ۳ بار استفاده دیگر، یک تبلیغ کوتاه تماشا کنید. حمایت شما به ما کمک می‌کند تا این ابزار را برای بیش از ۳ میلیون کاربر در سراسر جهان رایگان نگه داریم.

برای ادامه استفاده رایگان، یک تبلیغ ۱۵ ثانیه‌ای تماشا کنید

شما ۳ بار از این قابلیت استفاده کرده‌اید!

عکس ها را از طریق pexels جستجو کنید

برای رد کردن تبلیغات در هر زمان، یک حساب کاربری رایگان ایجاد کنید

ما هنوز در ابتدای مسیر انتخابگر رنگ خود هستیم، ویژگی‌های بسیار بیشتری در راه است، ارزشش را دارد.

آدرس ایمیل خود را وارد کنید و ما یک لینک امن برای ورود به سیستم برای شما ارسال خواهیم کرد.

عنوان پالت الزامی است

شما هنوز پالت رنگی را ذخیره نکرده اید. یکی را ذخیره کنید و در اینجا پیدا خواهید کرد.

پالت رنگی که با شما به اشتراک گذاشته شد دیگر وجود ندارد ، احتمالاً توسط سازنده حذف شده است. با شخصی که این پیوند را از او دریافت کرده اید تماس بگیرید.

پالت

عنوان الزامی است

نام و توضیحات پروژه خود را بنویسید

رنگ‌ها، پالت‌ها و گرادیان‌های خود را در پروژه‌ها و مجموعه‌ها سازماندهی کنید

پروژه‌های من

پروژه شما با موفقیت ایجاد شد

این پروژه در مورد چیست؟

دارایی‌های طراحی خود را در پروژه‌ها سازماندهی کنید

ImageColorPicker.com

تماس با ما