Введіть значення кольору CSS, наприклад #ff6600, ff6600, rgb(255 102 0) або hsl(24 100% 50%). Інструмент покаже колір і перетворить його на стандартні формати CSS.
Непрозорий фон, який використовується для обчислення контрасту з прозорим кольором. Це змінює фон порівняння, а не колір, який ви ввели.
Значення в цьому веб-переглядачі перетворюються на sRGB. Контекстно-залежні кольори, такі як currentColor, var() і системні кольори, не приймаються. Функції Wide-gamut і CSS Color 4 не підтримуються цим інструментом у форматах введення. Прозорість зберігається в 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 кольори та перевірте контраст тексту на непрозорому фоні за допомогою альфа-каналу.
Відгуки перевіряються перед публікацією. Ми публікуємо справжні позитивні відгуки та конкретну критику. Спам і образи без корисних деталей не публікуються; нецензурна лексика та особисті дані маскуються. Позитивні голоси підраховуються негайно; негативні голоси підраховуються після перегляду.
Відгуки відображають досвід користувачів, а не гарантію результатів чи опис обмежень послуги. Використовуйте кнопки оцінки вище, щоб залишити відгук.
