یک مقدار رنگ CSS، برای مثال #ff6600، ff6600، rgb(255 102 0) یا hsl (24 100% 50%) وارد کنید. این ابزار رنگ را نشان می دهد و آن را به فرمت های رایج CSS تبدیل می کند.
یک رنگ CSS پشتیبانی شده، مانند مقدار HEX یا rgb() وارد کنید. پیش نمایش رنگ تجزیه شده را نشان می دهد. نحو نامعتبر قابل تبدیل نیست.
مقادیر در این مرورگر به sRGB تبدیل می شوند. رنگ های وابسته به زمینه مانند currentColor، var() و رنگ های سیستم پذیرفته نمی شوند. عملکردهای گسترده و رنگ 4 CSS خارج از قالبهای ورودی پشتیبانیشده این ابزار هستند. شفافیت در RGBA، HSLA و آلفا HEX حفظ می شود. RGB و HSL آلفا را حذف می کنند. آستانه های تضاد جایگزین ممیزی دسترسی کامل نمی شوند.
یک مقدار رنگ CSS معتبر وارد کنید.
ورودی تغییر کرده است. این گزارش همچنان به آخرین اجرای موفق تعلق دارد.
یک نمونه رنگ در اینجا ظاهر می شود
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
ورودی CSS
—
نسبت کنتراست WCAG:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 آستانه AA برای متن معمولی است. 3:1 فقط برای متن به اندازه کافی بزرگ اعمال می شود. 7:1 برای متن معمولی AAA است. بررسی جفت رنگ دسترسی کلی صفحه را ایجاد نمی کند.
چرا از یک جستجوگر رنگ CSS آنلاین استفاده کنیم؟
این ابزار به شما کمک می کند تا به سرعت هر مقدار رنگ CSS را مستقیماً در مرورگر خود تجسم کنید. میتوانید کدها را از یک سیستم طراحی، راهنمای سبک یا طرحبندی بچسبانید و بلافاصله ببینید که چگونه روی صفحه به نظر میرسند.
هنگام آمادهسازی استایلها برای یک وبسایت، تطبیق رنگهای برند یا اشکالزدایی طرحبندیهای موجود از آن استفاده کنید. چکر از تمام فرمتهای استاندارد CSS، از جمله HEX، RGB، RGBA، HSL و رنگهای نامگذاری شده پشتیبانی میکند.
شروع سریع
نمایشگر رنگ و کنتراست CSS
1
رنگی را وارد کنید یا آن را با انتخابگر انتخاب کنید.
2
یک پس زمینه مات تنظیم کنید و تبدیل را اجرا کنید.
3
فرمت ها را کپی کنید یا گزارش رنگ و کنتراست را صادر کنید.
نظرات قبل از انتشار بررسی می شود. ما بازخورد مثبت واقعی و انتقاد خاص را منتشر می کنیم. هرزنامه و توهین بدون جزئیات مفید منتشر نمی شود. توهین و اطلاعات شخصی پوشانده شده است. آرای مثبت بلافاصله شمارش می شود. آرای منفی پس از بررسی شمارش می شود.
بررسیها منعکسکننده تجربیات کاربران هستند، نه تضمینی برای نتایج یا شرح محدودیتهای سرویس. از دکمه های رتبه بندی بالا برای ارسال نظر استفاده کنید.