Подбор цвета и конвертер
Выберите, вставьте или введите любой цвет. Любой формат копируется в один клик.
Распознали как HEX
- Ctrl Vвставить цвет где угодно
- Пробелслучайный цвет
- Cскопировать HEX
OKLCH
Неоновый красный#ff5733
- ≈ Алый
- Красный
- Средний
- Яркий
- Неоновый
- Тёплый
- orange-600
- Чёрного 0 %
Выглядит одинаково на любом экране.
Белый текст3.15:1 · Ниже AALc -63
Чёрный текст6.66:1 · AALc 47
Оттенки
От самого светлого к самому тёмному. Нажмите на оттенок, чтобы выбрать его.
Гармонии
Открыть как палитруНедавние
Здесь появятся цвета, на которых вы остановились или которые скопировали. Они хранятся только на этом устройстве.
Один цвет. Не двадцать вкладок.
Каждый инструмент открывается мгновенно, хранит состояние в ссылке и работает без аккаунта.
- ПалитрыПробел даёт гармоничную палитру, закрепляйте цвета и берите код.
- С картинкиКликните по любому пикселю фото или скриншота и получите палитру.
- ЦветаЦвета по тону, светлоте, насыщенности и уровню чёрного.
- КонвертерHEX, RGB, HSL, OKLCH, P3, CMYK и другие форматы в обе стороны.
- КонтрастWCAG 2 и APCA рядом и автоматическая подборка цвета.
- ГрадиентыПлавные CSS-градиенты в OKLab без грязной середины.
- TailwindВся палитра Tailwind v4 со значениями OKLCH и контрастом.
- Идеи палитрПодборки по настроению и сезону: пастель, земля, неон.
- Цветовая слепотаПалитры и картинки глазами людей с цветовой слепотой.
Понимать цвет, а не только копировать
Бесплатно, быстро и приватно
- Все инструменты бесплатны. Без рекламы, регистрации и водяных знаков.
- Картинки и история остаются в вашем браузере. Никаких следящих cookie.
- Расчёты по CSS Color 4, по тем же формулам, что и в браузерах.