UTILS.
۱۰۰٪ در مرورگر

ابزارهای رنگ

ابزارهای رایگان رنگ برای طراحان و توسعه‌دهندگان — تبدیل بین HEX، RGB، HSL، CMYK، HSV و موارد دیگر، ساخت پالت‌های هماهنگ، بررسی کنتراست WCAG، ترکیب و سایه‌زدن رنگ‌ها و یافتن نزدیک‌ترین رنگ نام‌دار.

تولیدکننده پالت رنگ

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

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

نسبت کنتراست WCAG بین رنگ متن و پس‌زمینه را همراه با نتایج AA/AAA بررسی کنید.

ترکیب‌کننده رنگ

دو رنگ را با نسبت قابل تنظیم ترکیب کنید و مقدار HEX حاصل را به دست آورید.

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

از هر رنگ پایه، طیفی از روشنه‌های روشن‌تر و سایه‌های تیره‌تر بسازید.

🎨

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

بیش از ۱۴۰ رنگ نام‌دار CSS را همراه با مقادیر HEX آن‌ها مرور و جستجو کنید.

تولیدکننده رنگ تصادفی

یک رنگ تصادفی بسازید و آن را به‌صورت HEX، RGB و HSL ببینید.

شبیه‌ساز کوررنگی

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

HEX ⇄ RGBA

بین کدهای رنگ HEX با آلفا و نماد rgba() همراه با پیش‌نمایش زنده تبدیل کنید.

#?

فرمت‌های رنگ CSS

یک رنگ را در همه‌ی فرمت‌های CSS نمایش دهید: hex، rgb()، hsl() و hwb().

tw

سازنده‌ی پالت Tailwind

یک مقیاس سایه‌ی ۵۰ تا ۹۵۰ به‌سبک Tailwind از هر رنگ پایه بسازید.

🖼◑

استخراج‌کننده‌ی رنگ تصویر

رنگ‌های غالب یک تصویر بارگذاری‌شده را به‌صورت نمونه‌رنگ‌های hex استخراج کنید.

◐◑

سازنده‌ی دوتون

یک گرادیان دوتون دورنگ با CSS قابل کپی بسازید.

cmyk

مبدل CMYK به RGB

تبدیل رنگ‌ها بین CMYK و RGB/HEX با نمونه‌رنگ زنده.

hsv

مبدل HSV / HSB

تبدیل رنگ‌ها بین HSV/HSB و RGB/HEX با نمونه‌رنگ زنده.

◑?

نزدیک‌ترین رنگ نام‌دار

نزدیک‌ترین رنگ‌های نام‌دار CSS را به هر رنگی که انتخاب می‌کنید بیابید.

#abc

رنگ از متن

تولید یک رنگ قطعی از هر رشتهٔ متنی.