همه باهم برای ایران

تنبل باشی

ابزارها

رنگ ابزارها

یافتن کنتراست رنگ

یافتن کنتراست رنگ

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

- Sonny LoSpecchio

The saddest thing in life is wasted talent, and the choices that you make will shape your life forever.
غم انگیزترین چیز در زندگی استعداد هدر رفته است و انتخاب هایی که می کنید زندگی شما را برای همیشه شکل می دهد.

برای درک بهتر قضیه به مثال‌های زیر توجه کنید

رنگ‌کد رنگنرخ کنتراستوضعیت
مشکی روی زرد
زرد روی مشکی
#FFEB3B
#2D2D2D
11.28
نارنجی روی آبی
آبی روی نارنجی
#0000FF
#FFA500
4.35
سفید روی بنفش
بنفش روی سفید
#800080
#FFFFFF
9.42
سبز روی قرمز
قرمز روی سبز
#008000
#FF0000
1.28

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

انتخاب کننده رنگ

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

چرخه رنگها

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

پالت‌های رنگی

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

طیف رنگ‌ها

نیاز به انتخاب رنگ دارید؟ از این ابزار استفاده کنید، اجازه می‌دهد تا رنگ مورد نظر خود را از طیف وسیعی از رنگ‌ها انتخاب کنید.

یافتن کنتراست رنگ

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

استخراج رنگ از تصویر

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

گالری گرادینت‌ها

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

مبدل RGB به HEX

در کسری از زمان می‌توانید کد رنگی RGB را به HEX و HSL تبدیل کنید.

برای مطالعه (حال داشتی بخون)

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

این ابزار از استانداردهای WCAG برای تشخیص نرخ مناسب کنتراست رنگ استفاده می‌کند.

WCAG مجموعه‌ای از اصول هستند که یک استاندارد را برای کار با وب ارائه می‌دهند، این دستورالعمل‌ها به این جهت ایجاد شده‌اند تا بستری مطلوب از نظر رابط کاربری برای همه کاربران چه کاملا سالم و چه دارای معلولیت‌های جسمانی فراهم شود.

کنتراست رنگ مناسب یکی از قوانین مهم در WCAG (Web Content Accessibility Guidelines) است.

کنتراست رنگ در وب چه کاربردی دارد؟

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

به مثال زیر دقت کنید: