Инструменты для Цвета
Всё для подбора и проверки цветов в веб-дизайне: пипетка и конвертер между HEX, RGB, HSL и HSV, генератор гармоничных палитр, проверка контрастности по стандарту WCAG, конструктор CSS-градиентов, теней, скруглений и 3D-трансформаций. Готовый CSS-код копируется одним кликом.
13 инструментов
В этой категории
Выбор цвета и конвертер
Выбирайте цвета и конвертируйте между форматами HEX, RGB, HSL и HSV
Конвертер HEX в RGB
Конвертируйте HEX-коды цветов в значения RGB и RGBA
Конвертер RGB в HEX
Конвертируйте значения RGB в HEX-коды
Генератор цветовых палитр
Создавайте цветовые палитры из базового цвета — комплементарные, аналоговые, триадные и другие
Проверка контрастности WCAG
Проверяйте коэффициенты контрастности цветов на соответствие WCAG AA и AAA
Генератор хеш-цвета
Генерируйте согласованные, детерминированные цвета из любой текстовой строки
Генератор CSS-градиентов
Создавайте красивые CSS-градиенты визуально с несколькими цветовыми остановками
Поиск названий цветов
Найдите ближайший именованный CSS цвет для любого HEX/RGB ввода с вычислением расстояния
Просмотр SVG
Просматривайте, оптимизируйте и конвертируйте SVG код с предпросмотром, минификацией и генерацией data URI
Генератор CSS Box Shadow
Визуальный генератор теней с предпросмотром в реальном времени, несколькими слоями и пресетами
Генератор CSS Border Radius
Визуальный генератор border-radius с индивидуальными углами, пресетами, переключателем единиц и CSS-выводом
Генератор CSS Transform
Визуальный генератор CSS трансформаций с предпросмотром в реальном времени, слайдерами для rotate, scale, translate, skew и perspective, а также пресетами
Генератор CSS Flexbox
Интерактивный генератор CSS Flexbox с предпросмотром, управлением контейнером и элементами, а также пресетами макетов
Дизайнеры и фронтендеры используют их, чтобы быстро подобрать акцентный цвет, проверить доступность сочетаний и сразу получить готовые CSS-правила.