100% в браузере
Инструменты «Цвет»
Бесплатные инструменты для работы с цветом для дизайнеров и разработчиков: конвертируйте между HEX, RGB, HSL, CMYK, HSV и не только, создавайте гармоничные палитры, проверяйте контрастность по WCAG, смешивайте и затемняйте цвета и находите ближайший именованный цвет.
◑
Генератор цветовых палитр
Создавайте комплементарные, аналоговые, триадные и тетрадные палитры из любого базового цвета.
◐Проверка контрастности цветов
Проверьте коэффициент контрастности по WCAG между цветом текста и фона с результатами AA/AAA.
◓Смеситель цветов
Смешивайте два цвета в регулируемом соотношении и получайте итоговое HEX-значение.
▦Оттенки и тона цвета
Создавайте диапазон более светлых тонов и более тёмных оттенков из любого базового цвета.
🎨Именованные цвета CSS
Просматривайте и ищите более 140 именованных цветов CSS с их HEX-значениями.
⚂Генератор случайных цветов
Создавайте случайный цвет и просматривайте его в форматах HEX, RGB и HSL.
◔Симулятор дальтонизма
Имитируйте, как цвет выглядит при протанопии, дейтеранопии и тританопии.
#αHEX ⇄ RGBA
Преобразуйте HEX-коды цветов с альфа-каналом в нотацию rgba() и обратно с предпросмотром в реальном времени.
#?Форматы цвета CSS
Показывает один цвет во всех форматах CSS: hex, rgb(), hsl() и hwb().
twГенератор палитры Tailwind
Создаёт шкалу оттенков 50–950 в стиле Tailwind из любого базового цвета.
🖼◑Извлечение цветов из изображения
Извлекает доминирующие цвета из загруженного изображения в виде образцов hex.
◐◑Генератор дуотона
Создаёт двухцветный дуотон-градиент с готовым к копированию CSS.
cmykКонвертер CMYK в RGB
Преобразуйте цвета между CMYK и RGB/HEX с живым образцом.
hsvКонвертер HSV / HSB
Преобразуйте цвета между HSV/HSB и RGB/HEX с живым образцом.
◑?Ближайший именованный цвет
Найдите ближайшие именованные цвета CSS к любому выбранному цвету.
#abcЦвет из текста
Создайте детерминированный цвет из любой текстовой строки.