Генератор заокруглених кутів
Генератор заокруглених кутів. Налаштуйте кожен кут повзунками та скопіюйте CSS.
Колір
Обробка на вашому пристрої
Обробка на вашому пристрої
Колір
Корисні інструменти у браузері.
⌘ K
Пошук інструментів
Колір
Тінь блока · Генератор
Використовуйте Тінь блока · Генератор у браузері. Виберіть дані та параметри й перевірте результат.
Колір
Альфа-композиція кольорів
Альфа-композиція кольорів. Накладання переднього плану на непрозоре тло в кодованому sRGB.
Колір
Симулятор дальтонізму
Симулятор дальтонізму. Наближення дихроматичного зору за Machado та ін. (2009). Сприйняття індивідуальне. Сірий окремо показує яскравість.
Колір
Відстань між кольорами
Відстань між кольорами. CIE76 ΔE використовує D50 Lab після адаптації Bradford. Це різниця кольорів, а не контраст чи читабельність.
Колір
Змішувач кольорів
Змішувач кольорів. Кодоване sRGB та лінійне світло дають різні кольори. Частка стосується B.
Колір
Палітра кольорів · Генератор
Використовуйте Палітра кольорів · Генератор у браузері. Виберіть дані та параметри й перевірте результат.
Колір
Вибір і конвертація кольору
Використовуйте Вибір і конвертація кольору у браузері. Виберіть дані та параметри й перевірте результат.
Колір
Перевірка контрасту
Використовуйте Перевірка контрасту у браузері. Виберіть дані та параметри й перевірте результат.
Колір
Генератор CSS clamp
Генератор CSS clamp. Експорт у rem і vw. Задайте кореневий розмір шрифту. Перегляд імітує обрану ширину.
Колір
Редактор кривих Безьє CSS
Редактор кривих Безьє CSS. Перетягніть точки або використайте стрілки. Shift збільшує крок.
Колір
Генератор фільтрів CSS
Генератор фільтрів CSS. Налаштуйте фільтри й порівняйте перегляд зі згенерованим CSS.
Колір
Градієнт CSS · Генератор
Використовуйте Градієнт CSS · Генератор у браузері. Виберіть дані та параметри й перевірте результат.
Колір
SVG у URI даних
SVG у URI даних. Виберіть локальний SVG чи вставте код, запустіть перегляд, масштабуйте й завантажте.
Колір
Переглядач SVG
Переглядач SVG. Виберіть локальний SVG чи вставте код, запустіть перегляд, масштабуйте й завантажте.
Колір
Генератор тіні тексту
Генератор тіні тексту. Налаштуйте положення, розмиття, колір та непрозорість тіні тексту.
Колір
Типографічна шкала
Типографічна шкала. Задайте базовий розмір, коефіцієнт і ступені для розмірів CSS.
Колір