Toolkit / Цвет и дизайн

Инструменты цвета и дизайна

Проверяйте цвета, генерируйте CSS, палитры, иконки и дизайн-заготовки. Выберите инструмент ниже, чтобы начать конвертацию, расчет, генерацию или проверку результата.

30 инструментов
Проверка контраста WCAGПроверка контраста WCAG: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор цветов палитраГенератор цветов палитра: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор CSS-градиентаГенератор CSS-градиента: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор типографика шкалаГенератор типографика шкала: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаHSL в HEXHSL в HEX: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаHEX в HSLHEX в HSL: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаRGB в HSLRGB в HSL: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаHSL в RGBHSL в RGB: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаCMYK в RGBCMYK в RGB: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаRGB в CMYKRGB в CMYK: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаПроверка цветов контрастПроверка цветов контраст: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор доступная цветов палитраГенератор доступная цветов палитра: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор градиентГенератор градиент: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор линейного градиентаГенератор линейного градиента: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор радиального градиентаГенератор радиального градиента: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор box-shadowГенератор box-shadow: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор text-shadowГенератор text-shadow: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор граница радиусГенератор граница радиус: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор CSS glassmorphismГенератор CSS glassmorphism: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор CSS neumorphismГенератор CSS neumorphism: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор CSS-кнопокГенератор CSS-кнопок: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор SVG-волнГенератор SVG-волн: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор blob-формГенератор blob-форм: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор паттернГенератор паттерн: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор фавиконГенератор фавикон: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор иконок приложенияГенератор иконок приложения: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор изображений Open GraphГенератор изображений Open Graph: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор placeholder-изображенийГенератор placeholder-изображений: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаГенератор clamp для размера шрифтаГенератор clamp для размера шрифта: подберите цвет, CSS или дизайн-значение и скопируйте результат.Работает в браузереБыстрая страницаКалькулятор золотое сечениеКалькулятор золотое сечение: подберите цвет, CSS или дизайн-значение и скопируйте результат.РасчетБыстрая страница