Инструменты для цвета
Конвертируйте, называйте, смешивайте и проверяйте цвета — с поддержкой современных OKLCH и APCA.
localПроверка контрастаВведите цвет текста и фона, чтобы получить точный коэффициент контраста WCAG, результат проверки для…localГенератор цветов TailwindВставьте один цвет бренда и получите сбалансированную шкалу из 11 оттенков (от 50 до 950), построенную в…localКонвертер HEX в OKLCHВставьте HEX-цвет и получите его значение OKLCH для CSS. Используйте ползунки, чтобы точно настроить…localКонвертер OKLCH в HEXВставьте значение oklch(), и вы получите его HEX-эквивалент, а также RGB и HSL. Инструмент также сообщит,…localHEX в RGBA конвертерВставьте HEX-код, передвиньте ползунок прозрачности и скопируйте нужный CSS: классический rgba(),…localCSS-переменные в TailwindПревратите цветовые переменные :root в тему Tailwind одной вставкой — конфиг tailwind.config.js для v3 или…localКонвертер цвета OKLCHИзучайте перцептивно равномерное цветовое пространство OKLCH с ползунками в реальном времени, проверяйте,…localПоиск названия цветаВставьте HEX-код, чтобы получить ближайшее понятное название цвета и корректные имена токенов для вашего…localСмеситель цветовВыберите два цвета и количество шагов, чтобы получить равномерно смешанные промежуточные цвета. Это удобно…localAPCA калькулятор контрастаРассчитайте светлотный контраст APCA (Lc) между текстом и фоном, узнайте, для каких случаев подходит пара…localСимулятор дальтонизмаЗагрузите скриншот или дизайн и посмотрите его сразу через восемь типов нарушения цветовосприятия. Также…localКонвертер цветовВставьте любой CSS-цвет — HEX, rgb(), hsl(), hwb(), oklch() или название вроде tomato — и сразу получите…localCSS-генератор фильтровНастройте blur, brightness, contrast, saturation, hue, grayscale, sepia, invert и drop shadow для примера…localПалитра цветов из изображенияУзнайте палитру цветов любого изображения: фото, логотипа, скриншота или дизайна. Перетащите файл, и вы…localВыбор цветаВыберите любой цвет или возьмите его с экрана и скопируйте в формате HEX, RGB, HSL или OKLCH. Посмотрите…
Не хватает инструмента: Цвет?
Расскажите, что нужно — мы создаём самые запрашиваемые инструменты в первую очередь, и это бесплатно.